[Resolved] Background color of mobile menu different than desktop?

[Carsten]

Hi there, why is the background of my mobile menu different than desktop?
The background color Navigation Background color is set to white, but the mobile menu background is slightly light gray?

All custom css has been deactivated during investigation.

https://imgur.com/EFeZi92

https://imgur.com/sokw8jH

Thanks

[Leo]

Hi there,

That’s the default style in the free theme when the navigation background is set to white – to enhance the mobile menu toggle appearance.

Unfortunately, the only way to overwrite it for now is to use this CSS:

.main-navigation.mobile-menu-control-wrapper .menu-toggle {
    background-color: #fff;
}

I do think this can be improved and will bring it up for internal discussion.

Let me know if this helps 🙂

[Carsten]

Thanks for the snippet, yes, a more permanent solution would sound like a good idea as it looks like it’s unintentionally.

[Leo]

No problem 🙂

[Leo]

Here is the reference Git issue for our developers to review:
https://github.com/tomusborne/generatepress/issues/521

[Author]

Posts