Changing menu color for reduced size/mobile on a page with Elements

[April]

I’m using Elements to override my menu colors on the front page. When I view the page on mobile (or the window is narrowed so a menu dropdown appears), that dropdown gets lost in the background because of the color. Could I get some CSS code to switch the color whenever it switches to that dropdown? Or is there another way to do it? Thanks!

[David]

Hi there,

you can either disable the merged site header on mobile or you can use some CSS like this to give the drop down a background:

.main-navigation.toggled .main-nav > ul {
background-color: #000 !important;
}

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

[Author]

Posts