Tagged: header, menu, transparency
I would like to lift the header menu line with a glassy/milky background but have either a transparent back for the logo area or better yet, more control options to maybe have that area in a different color/transparency option. See http://www.planetkitesurfholidays.com/ for an example.
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.container.av-logo-container {
margin: 0;
width: 100%!important;
}
.av_header_transparency .container.av-logo-container {
background: rgba(0,0,0,0.3);
}
Best regards,
Yigit
Hello Yigit,
thanks that does give me the logo area to play with but is there an option to do something more with the menu area, besides the presets given in Enfold? Now I can either choose transparent or glassy but what if I want to make the glassy setting more milky / less transparent?
Hey!
You can add following code to Quick CSS as well and adjust as needed
.av_header_transparency #header_main_alternate {
background: rgba(0,0,0,0.5)!important;
}
0,0,0 is RGB value of the color and 0.5 is opacity level :)
Regards,
Yigit
Thats working flawlessly! Thanks. You can close the topic.
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 :)
Cheers!
Yigit