Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 30, 2018 at 2:52 pm #964284
    Marijke82

    Hi, I set the header to Transparant glazzy header on each page of my website. However on mobile, it seems the whole hamburger menu becomes semi-transparant meaning you can’t read it anymore. How to solve this? Same goes for the header in the full width easy slider. The header is pressed to the bottom of the visual and is hardly visible anymore on mobile. Do you have a solution? Thanks and regards, Marijke

    June 1, 2018 at 4:13 pm #965439
    Vinay

    Hey Marijke82,

    Thank you for contacting us.

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:

    CSS Snippet:

    
/* CSS - Transparent header in mobile */

 @media only screen and (max-width: 767px) { 
#top #wrap_all .av_header_transparency, 
.av_header_transparency #advanced_menu_toggle {
  background: transparent!important;
  position: absolute!important;
}}

/* End CSS */

    Please check this link for more info https://kriesi.at/documentation/enfold/header/#transparent-header-on-mobile

    Best regards,
    Vinay

    June 4, 2018 at 3:24 pm #966544
    Marijke82

    It works. Thanks!

    June 5, 2018 at 6:36 am #966983
    Rikard

    Hi,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    June 5, 2018 at 8:06 am #967034
    Marijke82

    You can close it. Thanks

    June 5, 2018 at 10:51 am #967125
    Rikard

    Hi,

    Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Hamburger menu transparant and therefore unreadible’ is closed to new replies.