Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 30, 2016 at 3:58 am #693497
    jsugar

    Hi there.

    Is it possible to have the menu header be transparent when at the top of the screen, but then become 100% opaque (not transparent) when you scroll down?

    Right now, my menu background color is white, but it’s not 100% opaque when scrolling and it’s a little distracting to be able to see traces of content in the background as you scroll.

    Thanks,
    Jason

    • This topic was modified 9 years, 5 months ago by jsugar.
    September 30, 2016 at 4:58 pm #693929
    Yigit

    Hey jsugar,

    You had following code in Quick CSS

    .html_header_top.html_header_sticky #header {
  background-color: #fff;
}

    I removed it, please review your website now.

    Best regards,
    Yigit

    September 30, 2016 at 5:13 pm #693942
    jsugar

    Hi there. I’m trying to make the background solid white AFTER you start scrolling (instead of semi-transparent). Is that possible?

    September 30, 2016 at 5:16 pm #693944
    Yigit

    Hey!

    Please add following code to Quick CSS 

    .header_bg {
    background-color: white;
    opacity: 1;
}

    Cheers!
    Yigit

    September 30, 2016 at 5:27 pm #693949
    jsugar

    Sweet! Thank-you! :)

    September 30, 2016 at 5:30 pm #693951
    Yigit

    Hi!

    You are welcome!
    For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Enjoy your weekend!

    Regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Want to make transparent menu header background 100% opaque when scrolling’ is closed to new replies.