Changing color of "Mobile" sized menu bar
Permalink Browser Info Environment
One last question I hope!! Sorry for bothering.
Can you look at my test site (link below), i'm trying to change the color of the mobile sized menu bar, but can't seem to find it listed in the theme editor, or in the main css, do you know where this is stored so that I can match the rest of the styles?
Specifically the white text "MENU" and the dark gray background that changes when you select the menu.
http://rogaski.com/CLI/
Can you look at my test site (link below), i'm trying to change the color of the mobile sized menu bar, but can't seem to find it listed in the theme editor, or in the main css, do you know where this is stored so that I can match the rest of the styles?
Specifically the white text "MENU" and the dark gray background that changes when you select the menu.
http://rogaski.com/CLI/
Type: | Discussion |
---|---|
Status: | New |
To override this you would need to set the color within a media query for mobile, so for instance at the bottom of the main.css file you could do this:
@media only screen and (max-width: 40em) { /* Mobile */
.ff-wrapper #ff-copyright {
text-align: center;
}
.ff-wrapper #ff-footer-signin {
text-align: center;
}
.ff-wrapper .contain-to-grid,
.ff-wrapper .top-bar,
.ff-wrapper .top-bar-section li a:not(.button) {
background-color: red;
}
}
Notice I added the styes for the navigation and change the background color to red; you could do something similar but replace with your desired color.
Thanks
Andy