Hello, I'm looking for a solution for the same problem: I need to use a white version of the logo only on the mobile overlay menu, while the regular mobile logo stays the same as on desktop view.
Anyone can help?
website : pentanpl.squarespace.com
psw: pentanpl
Thank you!
EDIT:
While I'd still like to show a specific logo onto that mobile menu overlay (when mobile menu is open after click on), I found a code (attached below) that inverts the color of the logo on overlay menu. It could be an acceptable solution if no other solution pops up.
Here's the code to invert the color, in case someone else needs it:
// invert logo color on mobile menu overlay only//
.header--menu-open
{
.header-title-logo {
-webkit-filter: invert(100%);
filter: invert(1);
filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1');
}
}
// END invert logo color on mobile menu overlay only//