Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #1174677

    Hi there,
    I have two different pages, with the same layerslider on the front page. But one of them is working fine, it’s size and position is correct (starting on the top of the screen, behind the header) and the header is transparent as long as it’s not scrolled.
    On the other page the header isn’t transparent and the layerslider sits below the header (not starting behind it).
    Can you tell me which setting or css is wrong or missing?
    I did some adjustments to the general styling css as well as to the quick css.
    Hope you guys can help me,
    Best regards,


    Hey Misantaller,

    I adjusted it for you, but now you need a different logo for the transparent header and maybe a different menu color.

    Best regards,


    Hi Victoria,
    Looks great. What did you change? And how do i adjust the background of the header to be a bit transparent?
    Thanks a lot.


    Hi Sebastian,

    I set it in the page settings here:
    Image 2020-01-16 at 15.50.18.png

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    #top .av_header_transparency .header_bg {
        background-color: #000000b3;
        opacity: 0.3;
        filter: alpha(opacity=0.3);

    If you need further assistance please let us know.

    Best regards,

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.