[Resolved] Header Menu Button

[Tony]

Hi,

How do I change the color of the header menu button to ff7e00 with 0079b8 as the hover. Also, I would like to have this as a button in the mobile nav.

[Leo]

Hi there,

Currently you are using this for the menu button:

.main-navigation:not(.slideout-navigation) .main-nav li.nav-button a {
    font-size: 90%;
    border-width: 2px;
    border-style: solid;
    line-height: 40px;
    border-radius: 20px;
    margin-left: 10px;
}

You can just add background-color: ff7e00; to it.

As for the hover color:

.main-navigation:not(.slideout-navigation) .main-nav li.nav-button a {
    background-color: 0079b8;
}

If you want it to apply to the slideout navigation as well, then just remove this part from the selector:
:not(.slideout-navigation)

Let me know.

[Tony]

Thnanks!

[Leo]

No problem!

[Author]

Posts