This is a theme related issue. You could try using the Mobile Theme setting in the Jetpack plugin to have a more mobile friendly theme.
If you’d like to target the menu colors specifically for mobile, you could try adding something like this to your stylesheet:
@media handheld, only screen and (max-width: 767px) {
#mega-menu-wrap-main #mega-menu-main > li.mega-menu-item > a {
color: #ff0000;
}
}
Thanks!
Appreciate the reply. I have decided to remove the max mega menu plugin, its been causing too many problems! We just went with the theme navigation. And, its much better! Works like it should! I guess, now… I have 2 questions, on a mobile device… The Menu box needs to be adjusted, it needs to be moved down… its overlapping some text on our header image. Also, you’ll notice the text for the navigation is black, it needs to be white. But… when we change the text color to white, it also changed to text to white on the mobile menu and the text can’t been seen as its the same color.
Try the Navbar Guide to move you forward
