- This topic has 3 replies, 2 voices, and was last updated 5 years, 7 months ago by .
Viewing 4 posts - 1 through 4 (of 4 total)
Viewing 4 posts - 1 through 4 (of 4 total)
- You must be logged in to reply to this topic.
Home › Community Forums › Epik Theme Support › Sub menu hover color on mobile
Hoping someone can help…
If you shrink the window down to mobile size (on site noted below), the sub menu text is white so doesn’t show up without the background I have for the desktop.
So not a good thing on mobile.
Trying to find the css to change or add and can’t figure out what to do.
Site is http://b9e.aad.myftpupload.com/
Thanks for any help!
Greg
You can change the color in the Responsive section of the CSS around line 3830 –
.site-header .genesis-nav-menu.responsive-menu .current-menu-item > a,
.site-header .genesis-nav-menu.responsive-menu .sub-menu li a,
.site-header .genesis-nav-menu.responsive-menu .sub-menu li a:hover,
.site-header .genesis-nav-menu.responsive-menu .sub-menu,
.site-header .genesis-nav-menu.responsive-menu > .menu-item-has-children:before,
.site-header .genesis-nav-menu.responsive-menu > li:hover > a,
.site-header .genesis-nav-menu.responsive-menu a:hover {
color: #fff;
}
You can start by changing it to color: #333;
or whatever color you want it to be. That should change it when the site is being viewed from a mobile device or any browser under 800px width.
Let me know if that works.
The site looks great! Let me know if/when it’s done so I can share it.