Docs

[alisonglass]

Hi there!

I have been trying to recolor my hamburger button in Renew.
I found this code from another question and it fixed some of my color styling issues in my hamburger button.

a.x-btn-navbar.collapsed,
.x-btn-navbar:hover{
background-color: red; /* Change to your preferred background color for hamburger button*/
}
.x-navbar .mobile .x-nav {
background-color: red; /* Change to your preferred background color for mobile menu*/
}

Currently my button is pink and then when you hover, it turns navy and it doesn’t make sense to me. I would like to how do I color the hover state rather than the normal state?

Thanks!
My site is alisonglass.com
-Jessica

[Darshana]

Hi Jessica,

Check the following custom CSS rules and set the your preferred color values.

Hover:

.x-btn-navbar, .x-btn-navbar.collapsed:hover {
    background-color: #476481;
}

Normal state:

a.x-btn-navbar.collapsed, .x-btn-navbar:hover {
    background-color: #ed1162;
}

Hope that helps.

[alisonglass]

That works great! thank you so much!

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts