Site logo

Archived topic

Header Menu Button

3 replies · Started by Tony on April 2, 2018

Viewing posts 1–4 of 4

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.

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.

Thnanks!

No problem!

This archived topic is closed to new replies.