• How do you change the color of the three line menu button ?

    And the hover color too ?

    Is is possible to completely remove the three line menu button. How is that achieved ?

    I’m developing offline.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Color:

    .navbar .btn-toggle-nav .icon-bar {
        background: red none repeat scroll 0 0; /* Adjust red */
    }

    Hover color:

    .navbar .btn-toggle-nav.hover .icon-bar {
        background: red none repeat scroll 0 0; /* Adjust red */
    }

    Remove:

    .navbar .btn-toggle-nav .icon-bar {
        display: none;
    }

    Thread Starter andrew_miller

    (@andrew_miller)

    The Color: and Remove: snippets work great. Thanks.

    However the Hover Color: snippet does not work. When I hover over the three line bar, the three line bar changes back to its default grey and not red.

    Try changing red to blue. It works on my test site. Try adding !important

    .navbar .btn-toggle-nav.hover .icon-bar {
        background: blue none repeat scroll 0 0 !important; /* Adjust blue */
    }
    bartonio

    (@bartonio)

    in my child theme the Remove snippet works great but then when i copy it in the style.css from the main theme it does not work

    bartonio

    (@bartonio)

    well i don´t know what i did but after many try out etc it workt
    maybe refreshing the cache helped 🙂
    thank you any way

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to Change the Three Line Menu Button Colour’ is closed to new replies.