Change Mobile Menu Color

  • JORESSIE

    (@joressie)


    8 years ago

    I cannot figure out how to change the orange color of the menu when everything is in mobile view. Is there a specific line in the source code that I have to change? Because I cannot seem to find it!

Viewing 4 replies - 1 through 4 (of 4 total)
  • sagar42

    (@sagar42)

    Hi there!

    We appreciate you writing in

    Please go to your dashboard > theme option > tools > custom css
    then add this css code:

    @media screen and (max-width: 1000px){
.menu-toggle {
  
    background-color: #a70000 !important;
    }
.main-navigation ul {
    
    background: #a70000; 
}
}

    Thank you.

    Hi,

    It works fine for me but between every menu item there is a thin orange line.

    I would like to change the orange for another color.

    Can you provide me the CSS code ?

    Thanks !

    orange line…

    #masthead {
    width: 100%;
    z-index: 99999;
    background: #FFF;
    padding: 24px 0;
    border-bottom: 3px solid #xxxxxx; <— fill in your color
    position: relative;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change Mobile Menu Color’ is closed to new replies.