Submenu's are invisible on responsive design

Tagged: submenu

This topic has 1 reply, 2 voices, and was last updated 7 years, 9 months ago by Wes.

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

Author

Posts
July 7, 2016 at 2:02 am #18599
Matthew
Customer
Hello Wes and team,

I was testing my theme on a mobile to see how it looked and noticed the submenus in the responsive menu appear invisible (white text on white background even though the links still seem there).

I thought it might of been something I edited, but then I’ve also noticed it on the demo theme: http://demo.appfinite.net/vintage/

Is it meant to be like that? How could I make the submenus visible?

Thank you.
July 8, 2016 at 2:01 pm #18635
Wes
Moderator
No it’s not supposed to be that way. If you look around line 2500 in your css, change the #fff to #333 (or whatever color you want) –
```
	.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: #333;
	}
```
The demo is updated.
Author

Posts

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

You must be logged in to reply to this topic.