Customise main navigation background-color after hover

  • Resolved Bijdrager

    (@bijdrager)


    5 years, 2 months ago

    Hello Generatepress community,

    While building a site with Generatepress I ran into a problem. Here I am, hoping for a solution.

    The people are very specific when it comes to the colours of the main navigation (and the whole site).

    I can’t seem to get the color of a specific main navigation part right.
    When I hover (not click! that works fine) over a menu item with a submenu, like “Maatkleding” or “Over ons” the main menu item turns dark grey instead of the desired colour.

    Can you help me to find out the CSS to customise this?

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    Right now you have this CSS:

    .main-navigation .main-nav ul li > a:hover {
    background-color: #fcc719;
    color: #5c3614;
}

    Instead, try this:

    .main-navigation .main-nav ul li:hover > a {
    background-color: #fcc719;
    color: #5c3614;
}

    Let me know ??

    Thread Starter Bijdrager

    (@bijdrager)

    Thank you Tom,
    Works perfect!

    Theme Author Tom

    (@edge22)

    You’re welcome ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Customise main navigation background-color after hover’ is closed to new replies.