WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. denesh
    Member
    Posted 11 months ago #

    Hi there,

    I`ve recently setup this wordpress site

    http://www.particitoo.com

    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
    Volunteer Moderator
    Posted 11 months 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 -

    http://codex.wordpress.org/Child_Themes

    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
    Member
    Posted 11 months ago #

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

Reply

You must log in to post.

About this Topic