Remove the Navigation Hover

  • Resolved sarahcollett

    (@sarahcollett)


    5 years ago

    Hi everyone!

    I’m using the Hestia free theme. I want to remove the background hover from the navigation. Currently I have set it to white just so you can see it using the code:

    .navbar .navbar-nav > li:hover > a:hover {
    background-color: #ffffff;
    }

    When I change it to:
    .navbar .navbar-nav > li:hover > a:hover {
    display: none;
    }

    I get a weird jumping effect when I hover over the menu items.

    Is it possible to remove the background hover using customize?

    Thank you!

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter sarahcollett

    (@sarahcollett)

    Hello,
    Does anyone have a solution to remove the background color when the menu items are hovered? Or is it an animation that needs to be removed?
    Thank you!

    Hi,

    You can remove it by adding this custom code in Appearance > Customize > Additional CSS:

    .navbar .navbar-nav > li:not(.btn) > a:before, .navbar .navbar-nav > li:not(.btn) .hestia-toggle-search:before {
    background-color:inherit !important;
}

    Regards,
    Rodica

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Remove the Navigation Hover’ is closed to new replies.