Sub menu hover color on mobile

This topic has 3 replies, 2 voices, and was last updated 5 years, 7 months ago by Greg P.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Posts
August 30, 2017 at 9:23 pm #21903

Greg P
Customer

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

September 3, 2017 at 4:21 pm #21915
Wes
Moderator
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.
October 6, 2017 at 4:59 pm #22007

Greg P
Customer

This reply has been marked as private.

October 7, 2017 at 7:36 am #22009

Greg P
Customer

This reply has been marked as private.
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.