[Resolved] Mobile menu background

[mikeb82]

The navigation menu background for larger screens is set to transparent, which works well with the background image. I want the background for the dropdown (open) mobile menu to have the same background color as sticky navigation. So far, I have been unable to find the correct CSS to achieve this. The website has no sub menus and only five pages.

[Leo]

Hi there,

Try this CSS:

.main-navigation.toggled .main-nav > ul {
    background-color: rgba(77,140,219,.85);
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

[mikeb82]

Thanks Leo!

That fixed it. I knew it had to be something simple, I just couldn’t find it.

[Leo]

No problem 🙂

Not an easy one to find.

[Author]

Posts