Hi,
I want my sticky header to change colors (fade) as soon as the header gets resized. In addition, I’d like my Logo to change too, I mean another file instead.
Can you tell me how can I achive that?
Thanks!
Hi ka9de!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.header-scrolled .main_menu ul:first-child > li > a { color: red!important; }
.header-scrolled .logo img { opacity: 0; }
.header-scrolled .logo a { background-image: url(https://kriesi.at/wp-content/themes/kriesi/images/logo.png); background-repeat: no-repeat; background-size: contain; }
If you are using and would like to make those changes when scrolled down, please go to Enfold theme options > Header > Transparency Options
Regards,
Yigit
Hey!
You are welcome, glad we could help :)
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 :)
Best regards,
Yigit