Logo on mobile - change on navbar open

Question

Hello!

I'm using for logo at mobile: <img class="logo-mobile" srcset ....

My question is, how to change that logo, so when navbar is opened then I need different logo (because of color problems).

Thanks!

SemiColonWeb · Accepted Answer

Hello,

This is Definitely Possible. Use the following CSS Code:
[ch_pre type="css"]body.primary-menu-open:not(.is-expanded-menu) #logo [class^="logo-"] {
display: none;
}

body.primary-menu-open:not(.is-expanded-menu) #logo .logo-mobile-open {
display: flex;
}[/ch_pre]

And then add the following HTML Code after the .logo-mobile Logo image:
[ch_pre]

[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.