Archived topic
Changing menu color for reduced size/mobile on a page with Elements
1 reply · Started by April on July 31, 2019
Viewing posts 1–2 of 2
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!
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;
}
This archived topic is closed to new replies.
