[Resolved] menu background mobile and tablet

[Torsten]

Hi,
please take a look at this mobile phone screenshot:
https://bit.ly/2CEmZuT
the menu background for desktop computers should remain transparent so that it doesnt cover the background images.
But on cell, when clicking the menu button, the “X MENU” section should have the background color #cae7e7
same for the menu items “START”, “BLOG”, etc.
You’ll understand when you extend the Menu in the “ABOUT”-section, you can hardly read the menu…
Thanks again for your great support,
Torsten

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

try this:

@media (max-width: 768px) {
    .main-navigation.toggled .main-nav>ul, button.menu-toggle  {
        background-color: #cae7e7 !important;
    }
}

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

[Torsten]

lovely!
what about the color behind “X Menu” on cell and tablet?
best,
Torsten

[David]

I updated the CSS above to include the menu toggle

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

[Torsten]

absolutely perfect!

[David]

Glad to be of help

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

[Author]

Posts