Use a different logo for the sticky header?

Asked on October 5, 2015 in How To.

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?

littlegoodson Layers User
  • Possible Answers to Your Question:

  • 1 Answer(s)
    Answered on October 5, 2015.

    Hi there,
    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