Change logo color on scroll
-
Hi:
I am currently developing a website and I am using a png logo (both graphic and text in white). However, on scroll, the top menu becomes sticky with a white background which makes my logo and text disappear.
Could you please let me know what I can do to have it in black or any other color? Is it through css or any other means?
Could anyone help me, please?
Regards
The page I need help with: [log in to see the link]
-
Actually, I worked it out with this bit of css
.shrink .site-branding-logo img {
max-height: 50px;
content: url(https://yourwebistegoeshere.com/images/yourimagegoeshere.png);
}Stating the obvious, you change https://yourwebistegoeshere.com/images/yourimagegoeshere.png for your own url link for the image with the color/s you want when scrolling down from the media library.
Hopefully, it will be helpful to someone else.
- The topic ‘Change logo color on scroll’ is closed to new replies.
