[Resolved] How to change logo on mobile version when click hamburger

Home Forums Support How to change logo on mobile version when click hamburger

  • This topic has 5 replies, 3 voices, and was last updated 1 year ago by Tom.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1123213
    John

    Hi there,

    Is it possible to change the logo on the mobile version when the hamburger toggle is clicked?
    Or is it easier to use css to change the background/font colors?
    I have a dark logo which I can use on the white background and hoping there is a snippet I can use to make that happen.
    Many thanks!
    John

    #1123374
    David
    Staff
    Customer Support

    Hi there,

    no easy way to swap the logo on menu open – it would require JavaScript and the result could be jumpy or not work if the user has something blocking JS.

    Changing the mobile header colors would make more sense. If you edit your Header Element and enable the merge only on Desktop then you will be able to control the Primary Navigation colors via the Customizer.

    #1123933
    John

    Is there a way to do this without affecting how the Sticky Nav appears?
    I don’t want to chnage the logo as it appears on sticky nav (which is a different colored one)
    Or is it best to just target the mobile color css?

    #1124064
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    So the logo isn’t visible when you open the mobile menu, but it is before that? How is the navigation changing colors when the menu is opened vs closed?

    Let me know πŸ™‚

    #1124152
    John

    I just used css to target the mobile colours and all is good now.
    Thanks!

    #1124804
    Tom
    Lead Developer
    Lead Developer
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.