I would like to use a large logo in our header, and use only our icon for the shrinking smaller header, like what’s used here on this support forum. I have scoured the forum and theme options, but I cannot find where I can do this.
Any help would be much appreciated.
Hi allyson2!
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; }
Cheers!
Yigit
Hello Yigit,
i did what you wrote to allyson2, but right now both logos (the small and the big one) are appearing in the mobile view. It would be great if only the small logo is used in the mobile view.
Thank you in advance,
Nils
Hello Yigit,
i fill the url and user data in the private content field, the website is in maintenance mode. Thank you for taking care.
Best,
Nils
Hi!
Please add following code to Quick CSS as well
@media only screen and (max-width: 768px) {
.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.
Best regards,
Yigit
That works, thank you very much.