-
AuthorPosts
-
August 23, 2015 at 3:49 am #491791
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.
August 24, 2015 at 2:19 pm #492213Hi 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!
YigitSeptember 28, 2015 at 12:04 pm #509971Hello 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,
NilsSeptember 28, 2015 at 12:08 pm #509977September 28, 2015 at 12:12 pm #509980Hello 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,
NilsSeptember 28, 2015 at 12:25 pm #509991Hi!
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,
YigitSeptember 28, 2015 at 12:28 pm #509994That works, thank you very much.
September 28, 2015 at 12:32 pm #510001 -
AuthorPosts
- You must be logged in to reply to this topic.
