[Resolved] Transparent menu on mobile

[Eran]

Hello

When opening the main navigation menu on mobile, the background is transparent so it’s hard to see the items.
How can I make the background white? I saw some support forum posts with CSS code such as

#mobile-header .main-nav {
background-color: #ffffff;
}

but I’m not sure if it’s the right one and also, where do I put it?

Thanks!

[Leo]

Hi there,

Instead of using transparent in the customizer, can you try using the same color as the header color #efefef?

It should provide the same effect as right now and works better on mobile.

Let me know if this helps 🙂

[Eran]

Hi. I don’t get it, where do i set this?
thx

[Leo]

In Customizer > Colors > Primary Navigation > Background:
https://docs.generatepress.com/article/colors-overview/

[Eran]

oh cool, thanks!

[Leo]

No problem 🙂

[Author]

Posts