Dropdown sub menu not showing on phone device, Monochrome Pro

[di]

The sub-menus are not showing on my iPhone, even though they do on a desktop and iPad. I'm using Monochrome Pro. The links I'm referring to are Services and Field Sketches. Any suggestions?

https://adunate.com

[Bianca]

Hi there,
Looks like the problem is with the colors of the sub menu.
If you take a look at the style.css at line 2218 the color of the toggle is set to #474740.

.menu-toggle,
.sub-menu-toggle {
border-width: 0;
		color: #474740; /*ADUNATE was #000*/
		display: block;
		font-family: "Open Sans", sans-serif; /*ADUNATE was Muli*/
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		visibility: visible;
		width: auto;
	}

Because of that you are not able to see the toggle arrow to for the sub navigation on a mobile.

Same goes for line 2323.

.genesis-responsive-menu.nav-primary .genesis-nav-menu .sub-menu a {
		color: #474740; /*ADUNATE was #000*/
	}

So basically check all the elements that are set to #474740 if the problem persists. Goodluck.

---

I am a Marketing Communications specialist at Communics.

Visit my personal website | Follow me on Twitter | Connect on LinkedIn

[di]

@Bianca, thanks for your help with this. Made your suggested changes and things are working great. Just checked Chrome and Safari and they're both spot on. Thanks so much!

[Author]

Posts