Greetings….you mean the button like you have “Winery Directions” ?
We want the navigation to look the same in mobile as in does in the desktop version. Say you’re on an iPad and turn the orientation to portrait mode. You’ll see a menu button and if you click that, you’ll see the navigation buttons have a black background. We want to be able to change the black to light gray. Probably have to change the text color too since it’s white.
As it turns out, it looks as though I did not put in mobile menu styling for the customizer. I will have to do that for an update. In the meantime, if you need to change it now, create some custom CSS using Jetpack’s (which I See you are using) own Custom CSs feature. The theme’s default styling is:
.site-navigation.toggled-on a {
display: block;
padding: 0.750rem 0;
border-bottom: 1px solid #262826;
background: #080d07;
display: block;
text-transform: uppercase;
letter-spacing: 1px;
color: #b8b8b8;
font-size: 0.813rem;
text-decoration: none;
}
For you, just do this part:
.site-navigation.toggled-on a {
border-bottom: 1px solid #262826;
background: #080d07;
color: #b8b8b8;
}
Then, for a hover colour:
.site-navigation.toggled-on a:hover {
border-bottom: 1px solid #262826;
background: #080d07;
color: #b8b8b8;
}
