Text not showing in navigation on mobile devices – Outreach Pro

[Obsidian]

Hello, I am trying to successfully change our navigation to a white background with black text. It shows up fine on desktop, but not on mobile devices. On mobile devices everything is white, background and text.

I have tried everything I could think of to change the text to black to no avail. It should be simple:

.genesis-nav-menu a {
	color: #000;
}
.nav-primary {
	background-color: #fff;
        color: #000;
}

Nothing. Please advise.

Our website.

http://greatergracetemplechurch.org

[Andykev]

.responsive-menu-icon::before {
	color: #fff;	
	background-color: #000;
	content: "\f333";
	display: inline-block;
	font: normal 20px/1 'dashicons';
	margin: 0 auto;
	padding: 10px;
}

Line 1316 of your .css. You have the color set to white "#fff;" and on a white background, it won't show. Change it to a different color, like black. So adding "background-color" and making it black...then the color (which is the text) can be white "#fff".

PS you also have to change the background color in your media querries for the sub-menu. They are also showing white on white.

[Obsidian]

Gah! I can't believe I missed that. Thank you so much! It was the queries that I forgot to edit.

[Author]

Posts