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

    Hello,

    I am using a Transparent Header with Sticky Header option turned on without Shrinking Option active..
    My Logo Area background color in Enfold- General Styling is set to White color.

    What I would like to have is, when I start scroll , I want to be able to decrease the opacity of the white sticky header.
    I tried many different Quick Css solutions you offered in other posts but I was not able to do it.

    I posted my site credentials..

    Thank you,
    Enis

    #1007615

    Hey Enis,
    Please try this code in the General Styling > Quick CSS field:

    .header_color .header_bg {
        background-color: rgba(255, 255, 255, 0.5) !important; 
    }

    adjust the last number to set the transparency for the header when scrolled

    Best regards,
    Mike

    #1007617

    That work…
    Thank you so much Mike..
    You are a savior….

    #1007635

    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

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Changing Sticky Header transparency’ is closed to new replies.