Ethos Mobile Navigation Disappears – Themeco Community

Ethos Mobile Navigation Disappears

Jennifer S — Fri, 27 Feb 2015 19:41:34 +0000

Hi! Where in the Customize menu can I set the color of the mobile navigation “hamburger?”

My site is here: http://staging.nexlan.com/
Theme, plugins and WP are current.

I’ve set my header background to white. But because the mobile menu icon is white on white, you can’t see it on mobile devices. In your other stacks, you have settings in Customize that us change the colors for the mobile menu icon, but I don’t see that option in the Ethos stack. Am I missing something or is it not there? If there is no setting, can you tell me how to change its color?

Thanks!

Reply To: Ethos Mobile Navigation Disappears

joelahrens — Fri, 27 Feb 2015 20:07:36 +0000

Same here! Need answer soon thank you:)

Reply To: Ethos Mobile Navigation Disappears

Christopher — Sat, 28 Feb 2015 11:25:11 +0000

Hi there,

Please add the following CSS under Customize -> Custom -> CSS :

.x-icon-navicon:before, .x-icon-reorder:before, .x-icon-bars:before{
color:red;
}
a.x-btn-navbar {
background: black;
padding: 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

Hope it helps.

Reply To: Ethos Mobile Navigation Disappears

ericlb — Fri, 23 Oct 2015 21:58:47 +0000

Worked perfectly! And then all you need to do is change the color to customize it to match the site.

My site is http://www.sativaisticated.com/

Thanks,
Eric

Reply To: Ethos Mobile Navigation Disappears

Rad — Fri, 23 Oct 2015 23:28:33 +0000

Glad to hear that Eric! And you’re welcome.