I have the desktop header and navigation working as desired.
However, on the mobile view, the font color is the same as the background. Regretfully, the theme Basic Settings did not an option for mobile menu font color. I did an inspect and added this code to the customized CSS but it didn’t work.
@media screen and (max-width: 1023px){
.site-navigation a,
.site-navigation .menu ul a{
color:#ffffff;
}
}
Any idea on how I can get the color of the mobile menu to be white?
Honestly, the CSS above should have worked but it’s not beingb seen at all even though other customized CSS is used. I actually copied CSS which set padding & changed it for font color.
Is the hierarchy theme customized css > template options custom css > responsive.css?