[resolved] Removing hover on certain part of the menu (3 posts)

  1. denesh
    Posted 2 years ago #

    Hi there,

    I`ve recently setup this wordpress site


    And I`ve added a custom menu button in the navigation. Only problem is when I hover over the button it still shows the black hover behind the button. I can remove the hover altogether in the CSS but I want to leave it intact for the other menu items on the navigation bar.

    How do I remove the hover behind the custom button and leave the other hovers intact?

  2. WPyogi
    Forum Moderator
    Posted 2 years ago #

    How are you making these modifications to twentythirteen? You should not be modifying any theme files - as your changes will be overwritten when WP is updated. Instead use a child theme -


    Once you have that set up, you can use the menu-item specific id to target just that one - try adding this CSS to the child theme style.css file.

    .nav-menu li#menu-item-41:hover > a, .nav-menu li#menu-item-41 a:hover {
        background-color: #EDEDED;
  3. denesh
    Posted 2 years ago #

    I`ve setup a child theme and the Css you mentioned works, thanks!

Topic Closed

This topic has been closed to new replies.

About this Topic