Question

Photo of Dillan Cagnetta

0

Change mobile "hamburger" menu colors

2

Hi

I want to change the colors of the hamburger menu on mobile devices.

What is the css i have to change to do this?

thanks

  • Photo of Dillan Cagnetta

    0

    // CHANGE HAMBURGER
    .navbar-default .navbar-toggle {
      border-color: #ffffff; /* Change border color around this buttons */
      background: @darker-blue; /* Change background for button itself */
    }

    .navbar-default .navbar-toggle .icon-bar {
      background: #ffffff; /* Change color for horizontal lines */
    }

  • Photo of Arran France

    0

    Dillian's answer didn't work for me. Here's my LESS.

        .navbar-toggle {
        padding: 6px 10px;
        margin-bottom: 0;
        background-color: @header-hambuger-bg;
        border-color: @header-hamburger-border;

        &:hover, &:before, &:after, &:focus, .collapsed {
            background-color: @header-hambuger-bg;
            border-color: @header-hamburger-border;
        }

        i.fa-bars {
            color: #fff;
        }
    }