Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • April 20, 2018 at 10:52 am #944527
    kreazwo

    Hello,
    I enabled the visibility for the mobile menu from a size of 990 px in the theme options. But what I get is a gray colored transparent box in the header section.
    Wow can I fix this to see the burger menu on white background for the size between 990 px an 768 px?

    Thank you in advance

    April 21, 2018 at 7:33 am #944820
    Rikard

    Hey kreazwo,

    Please try the following in Quick CSS under Enfold->General Styling:

    @media only screen and (min-width: 768px) and (max-width: 990px) {
#header_main {
  background-color:white !important;
}
}

    Best regards,
    Rikard

    April 21, 2018 at 11:06 am #944877
    kreazwo

    Hey Rikard,
    thanks for your help! I tried this but it did not help.
    I created an account for you, see the details in the private content.

    Thank you in advance!

    Best regards,
    Focke

    April 24, 2018 at 6:52 am #945692
    Vinay

    Hi,

    The site looks good on my end. You may not see the changes until the cached files are cleared in your browser.

    Please try to hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload” and review the site again.

    Best regards,
    Vinay

    April 24, 2018 at 9:56 am #945787
    kreazwo

    Hi,
    thanks for checking that up! I changed some things in Quick CSS to get that result. But there ist still the the grey background in the Header Secondary Menu section at the top. That should be white as well.

    Thank you in advance!

    Best regards,
    Focke

    April 24, 2018 at 7:43 pm #946102
    Vinay

    Hi!

    To change the background color of the top bar please go to Enfold > Advanced Styling > Small bar above menu > Background color

    let us know if you need any help :)

    Best regards,
    Vinay

    April 24, 2018 at 8:42 pm #946184
    kreazwo

    I already did that before. That does not effect the problem.
    Please use the User Account I created to whats wrong. I’m using Enfold since a long time in several projects and never had this special problem.

    Thank you in advance!

    Best regards,
    Focke

    April 26, 2018 at 9:53 am #947149
    Vinay

    Hi,

    I have added the below code to the Quick CSS section and the top bar has a white background now please review the site :)

    @media only screen and (max-width: 990px) and (min-width: 768px) {
#top #header_meta {
    background-color: #ffffff!important;
}}

    Best regards,
    Vinay

    April 26, 2018 at 11:39 am #947207
    kreazwo

    Thank you very much! All fine now :)

    April 27, 2018 at 3:52 am #947574
    Ismael

    Hi,

    Awesome! Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Mobile Menu not displayed between 990px-768px’ is closed to new replies.