Archived topic

change hover color on slide out navigation menu toggle

8 replies · Started by Sarah on November 5, 2017

Viewing posts 1–9 of 9

November 5, 2017 at 8:33 pm #416831

Hello, trying to change the color of the slideout menu toggle button (the little hamburger menu). Currently, when I hover it changes to white. Have used this guide (https://docs.generatepress.com/article/changing-navigation-colors/), but nothing seems to change the hover on just the menu toggle button, help please! Thank you!

November 5, 2017 at 10:49 pm #416856

Hi there,

Try this:

.main-navigation .main-nav li.slideout-toggle a:hover {
    background-color: #222;
    color: #fff;
}

November 6, 2017 at 6:48 pm #417488

Hey Tom, sorry, that still didn't work...

November 9, 2017 at 3:12 pm #420071

Hi there, just following up on this, I've tried a few different options and still nothing works. Thanks!

November 9, 2017 at 5:50 pm #420208

Can you disable maintenance mode on your site so we can see why it's not working?

Thanks!

November 9, 2017 at 7:26 pm #420240

Okay, it's off - I'll leave it this way until tomorrow mid-day. Thanks!

November 9, 2017 at 8:13 pm #420260

Try:

@media (max-width: 768px) {
    .mobile-header-logo .main-navigation.mobile-header-navigation .menu-toggle {
        color: #343433;
   }
}

November 9, 2017 at 8:16 pm #420264

You are a lifesaver, thank you!!!

November 9, 2017 at 10:11 pm #420319

No problem :)

This archived topic is closed to new replies.

Start building better websites today.