Responsive menu and navigation bars

Hi Tansey, The menu is showing up, but since the background is changed to white, the text won’t show up since it’s also white. So once we change the color it will show

If you’re already making edits to your style.css file directly, then you can look around line 1145 and change the color from #fff to #333 or whatever color you want.

.menu-toggle,
.sub-menu-toggle {
	background-color: transparent;
	border-width: 0;
	color: #333;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	visibility: visible;
}

If you’re adding custom css on a separate file or using the customizer css then you can copy that code above and add it there.

This site looks great so far! Please let me know when you’re done so I can share your work!

Let me know if this helps.

When I add the code it only shows on the desktop. There is already CSS that is supposed to hide the “Menu” text from showing on desktop, unless that part of the code was edited in some way?

Can you add the code on the live site so the issue can appear? I’ll be able to see directly what’s going on.

Here’s all the code you need to change the Menu text color –

.menu-toggle,
.sub-menu-toggle {
	color: #333;
}

I removed the other parts that weren’t needed.

Glad it’s working! Just shared on Twitter!