-
AuthorPosts
-
October 5, 2019 at 4:23 pm #1145307
Hello Kriesi support staff,
Thank you for your wonderful theme! For my business site I would like to use my horizontal version of my logo only for the sticky header. I used the code suggested by Yigit on a post dated March 13, 2017 “Different logo for sticky header”, but it is not working. Can you please help me with this problem?
thank you!October 5, 2019 at 4:30 pm #1145308that depends on your logo. If it was possible to have it as svg – this would be very nice and the best solution for it.
See for example the pssibilities of a svg as logo on: https://webers-testseite.de/cynthia/so maybe a link to your site would be the best.
October 6, 2019 at 12:35 pm #1145441Hi ddagraphics,
You can set a separate transparency logo under Enfold->Header->Transparency options. Please try that out.
Best regards,
RikardOctober 15, 2019 at 1:38 am #1147928Thank you very much, Rikard, for your suggestion. I believe I have set all of the options correctly but I am sorry that I am unable to make the transparency logo appear. Thanks again for your wonderful theme.
Best Regards,
ddagraphicsOctober 16, 2019 at 5:54 am #1148288Hi,
Thanks for the update. I see that you don’t have the front page set to use a transparent header, on which page can we see the problem you are having?
Best regards,
RikardOctober 16, 2019 at 7:30 pm #1148588Dear Rikard,
I have my main logo in the header, but I ultimately want to use a different logo in my sticky header which is: (dd-logo-sticky.png in the media library). I tried using the following code from someone else’s posting but i was not successful. Can you make it work for my website? Thank you!March 15, 2017 at 12:52 pm#761368REPLY
Yigit
Moderator
Hi,Please add following code to Fuctions.php file in Appearance > Editor
add_filter(‘avf_logo_subtext’, ‘kriesi_logo_addition’);
function kriesi_logo_addition($sub) {
$sub .= ‘‘;
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.Best regards,
YigitOctober 20, 2019 at 9:11 pm #1149656Hi,
Sorry for the late reply and thanks for the login, I took a look and your child theme functions.php and found that the url didn’t point to your second logo image correctly, so I fixed it. Here is a snippet using our logo should anyone want to try this on their site:add_filter('avf_logo_subtext', 'kriesi_logo_addition'); function kriesi_logo_addition($sub) { $sub .= '<img src="https://kriesi.at/wp-content/themes/kriesi/images/logo.png"/>'; return $sub; }
I then added this css to your child theme styles.css to switch the logos on scroll:
#header.header-scrolled span.logo > a > img { display: none !important; }
Please clear your browser cache and check.
Best regards,
MikeOctober 21, 2019 at 4:46 pm #1149907Thank you so much, Mike. That did it! The sticky logo looks great!
Best Regards,
ddagraphicsOctober 22, 2019 at 4:59 am #1150037Hi,
Great, I’m glad that Mike could help you out and thanks for the feedback. Please let us know if you should need any further help on the topic or if we can close it.
Best regards,
RikardOctober 22, 2019 at 3:28 pm #1150213Hi, Rikard,
Thank you again for all the help. You can close this topic.
Best Regards,
ddagraphicsOctober 22, 2019 at 8:14 pm #1150278Hi,
I’m glad this was resolved. If you need additional help, please let us know here in the forums.
Best regards,
Jordan Shannon -
AuthorPosts
- The topic ‘using a different logo for sticky header’ is closed to new replies.