- This topic has 8 replies, 2 voices, and was last updated 7 years, 7 months ago by
.
I used to have white version of my logo on the left of the header which appeared on home page and a dark gray version which appeared in the header over the white background which i use on all other pages.
Now the logo image in the header doesn’t switch and it remains white on all pages (which means it’s invisible everywhere except the home page). So now home page looks exactly as it should, while all other pages appear as though logo is not there anymore.
Could you please help me revert this to the way it was in the attached screenshot? You can see the way it looks now at http://www.surgeea.com/live-account as an example.
Much thanks,
Surge
Solution for this topic
Hi Surge,
I hope you are well today and thank you for your question.
You can display correct logo by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
body:not(.home) .header-logo img.sh-sticky-logo { display: block; } body:not(.home) .header-logo img { display: none; }Best regards,
Shufflehound teamDone, thanks guys!
You are most welcome here 🙂
Unfortunately, after adding this code the logo disappears from sticky menu on mobile. Can something be done about this?
Just to clarify, after all these changes – only the Mobile version of the Home page displays the white logo instead of the black logo once i start scrolling down. That’s the only problem.
Solution for this topic
To resolve the mobile logo issue please try using the below custom CSS code.
body.home .sh-sticky-mobile-header-active img.sh-sticky-logo { display: block; } body.home .sh-sticky-mobile-header-active img.sh-standard-logo, body.home .sh-sticky-mobile-header-active img.sh-light-logo { display: none; }Sorted, thank you very much.
Cheers,
Surge
You are always welcome here 🙂
