Hey guys,
I’m using sticky and shrinking header and I would like to change the logo when user scrolls down, can you help with the right code for that.
Thanks a lot,
Hey SkinnovationIBK!
Please add following code to Functions.php file in Appearance > Editor
add_filter('avf_logo_subtext', 'kriesi_logo_addition');
function kriesi_logo_addition($sub) {
$sub .= '<img src="http://kriesi.at/wp-content/themes/kriesi/images/logo.png"/>';
return $sub;
}
and then add following code to Quick CSS in Enfold theme options under General Styling tab
.header-scrolled .logo > a > img { display: none !important; }
Please make sure that > sign is not converted to – http://i.imgur.com/IDXRZQ3.png in Quick CSS field.
Regards,
Yigit
It works, Thank you so much :)
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 :)
Best regards,
Yigit