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
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
That work…
Thank you so much Mike..
You are a savior….
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