Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

Main Nav Menua Change background-color on Hover (width of text only)

  • Like if you’re on the home page then HOME is blue while the rest are black.

    It seems already working like this. https://app.screencast.com/onBQeznk9QrZ4

    Am I missing something?

  • Sorry, I don’t think I was clear in my question.

    I want to change the color on the hover state but just for the selected category (ie: HOME).

    So it would be blue (or whatever color is set in the customizer) until rollover then I’d like to change the color just for the hover state. Couldn’t figure out what the CSS selector would be. 🙂

    Thanks!

    Karl

  • Do you mean to have a different hover background color for the current menu item?
    If so, try this:

    .main-navigation .main-nav ul li[class*="current-menu-"]:hover > a {
        background-color: red;
    }
  • That’s it! Sorry for so many little questions… But I couldn’t be happier with the support you’ve provided.

    Really appreciate it!!

    Karl

  • Glad to hear that and you are very welcome 🙂

Viewing 5 posts - 17 through 21 (of 21 total)
  • You must be logged in to reply to this topic.