Navigation
Archive / Ethos Mobile Navigation Disappears
This is archived content. Visit our new forum.
  • Author
    Posts
  • February 27, 2015 at 1:41 pm #216787
    Jennifer S
    Participant

    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!

    February 27, 2015 at 2:07 pm #216814
    joelahrens
    Participant

    Same here! Need answer soon thank you:)

    February 28, 2015 at 5:25 am #217149
    Christopher
    Moderator

    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.

    October 23, 2015 at 4:58 pm #637404
    ericlb
    Participant

    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

    October 23, 2015 at 6:28 pm #637494
    Rad
    Moderator

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

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-216787 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>