Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 22, 2023 at 6:39 pm #1398919
    StudioArteimmagine

    Hello
    my customer loved the trasparency I choose for the header (he prefers a little more gray i f possible) but it disappears when i scroll the page. background header became black. It becomes with opacity 100%. I made a default burger menu and I don’t want any change on it.
    I know it should be a css problem but I don’t know how to change this behavior.
    thanks for your help
    SIlvia

    February 23, 2023 at 4:36 am #1398956
    Ismael

    Hey StudioArteimmagine,

    Thank you for the inquiry.

    We cannot reproduce the issue on our end. The mobile menu transitions to a different color on scroll or when the header reverts back to its default background color. Did you figure out the correct css modification?

    Best regards,
    Ismael

    February 23, 2023 at 12:15 pm #1398990
    StudioArteimmagine

    we don’t want the header reverts back to its default background color (black) on scroll (while mobile menu must remain like it is now.
    see this screenshot: https://tembozza.conosbcn.com/wp-content/uploads/2023/02/Schermata-2023-02-23-alle-12.08.00.png

    I would like header remains the same while scrolling

    is it possible?
    silvia

    February 24, 2023 at 4:58 am #1399077
    Nikko

    Hi silvia,

    Please try to add this CSS code in Enfold > General Styling > Quick CSS:

    #top #header.av_header_sticky .av-hamburger-inner, 
#top #header.av_header_sticky .av-hamburger-inner:before, 
#top #header.av_header_sticky .av-hamburger-inner:after {
    background-color: #999;
}

    Let us know if it helps.

    Best regards,
    Nikko

    February 24, 2023 at 12:25 pm #1399141
    StudioArteimmagine

    sorry, it changes hamburger inner. I don’t need it.
    I wrote on this image in red to let you understand what I mean:
    https://tembozza.conosbcn.com/wp-content/uploads/2023/02/Schermata-2023-02-24-alle-12.07.56-scaled.jpg

    February 24, 2023 at 4:05 pm #1399178
    Nikko

    Hi silvia,

    Please remove the code I gave and replace it with:

    #top #header.av_header_sticky {
    background-color: transparent;
}

#top #header.av_header_sticky .header_bg {
    background-color: #fff;
    opacity: 0.5;
}

    Best regards,
    Nikko

    February 24, 2023 at 4:14 pm #1399179
    StudioArteimmagine

    YESSSSSSS great!
    It works! thank you so much!

    Silvia

    February 25, 2023 at 4:43 am #1399206
    Nikko

    Hi Silvia,

    We’re glad that we could help you :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Header transparency’ is closed to new replies.