Use a different logo for the sticky header?
I’d like to use 2 versions of a logo for the site: grey logo on a white menu bar for it’s default (on load) position, and a white logo on grey for the sticky (fixed) menu.
I am able to edit the sticky menu using .header-site.header-sticky.is_stuck, is it possible to add some CSS to this to replace the default site menu with the alternate file?
Possible Answers to Your Question:
Yep. you simply add a background image property and se the img element to display none. This is explained to some extent at the end of this tutorial:
How to Make Slider and Widget Backgrounds Responsive