Tagged: 

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • November 6, 2018 at 6:27 pm #1030495
    bauchdenker

    Hello,
    I set the header to transparent on my homepage (see link), it was working up to now. I didn’t change anything, but suddenly, the header has got a white background. I use a layerslider beneath. What can I do? Thankyou!

    November 6, 2018 at 10:45 pm #1030614
    bauchdenker

    Update:
    i remember now, what happened: I had added some css to set the header background to white, because on my galaxy tablet, the 3 bar menue wasn’t visible on that dark background that came automatically with the transparent header.
    So now my question: How can I set the header background to white only for smaller devices?
    Thankyou!

    November 8, 2018 at 6:35 am #1031123
    Mike

    Hi,
    Please try adding your css in a media query rule, like this”

    @media only screen and (max-width: 767px) { 
/* add your css here */

}

    this will allow the css to only work of screens smaller than 767px

    Best regards,
    Mike

    November 8, 2018 at 1:29 pm #1031241
    bauchdenker

    Hello Mike,
    thanks for your reply!
    I put this:

    @media only screen and (max-width: 767px) {
    #header_main {
    background-color: #fff;
    }
    }

    but unfortunately it doesn’t work.

    Maybe you can see my issue when you go to the site and downsize the browser window, to see the effect I am talking about.

    I don’t quite understand why this happens at all. The slider is supposed to show up on screens larger than 768px (so my slider settings) with the normal transparent menue on top of the page. Below that size there’s a background image (I clicked “hide on screens larger than 767px”) I thought, the mobile menue will show up exaclty at that breakpoint of 767px. But I still see the slider there with the mobile menue on that dark background. Somehow I think something got mixed up completely. But I don’t find out, what went wrong… maybe you can help? Any idea?
    Thankyou!

    November 8, 2018 at 2:08 pm #1031260
    Mike

    Hi,
    Please check the setting at Enfold Theme Options > Main Menu > Menu Items for mobile > Activate only for Smartphones (browser width below 768px)
    Then clear your browser cache.
    Your brake point seems to be set to 990px
    If this doesn’t help, please include a admin login in the private content area so we can take a closer look.

    Best regards,
    Mike

    November 8, 2018 at 4:49 pm #1031316
    bauchdenker

    YES!
    That was ist. So simple… Thanks a lot!!
    Best regards

    November 8, 2018 at 7:59 pm #1031358
    Mike

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

    Best regards,
    Mike

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Header Transparency is not working anymore’ is closed to new replies.