Support » Themes and Templates » Removing hover on certain part of the menu

  • Resolved denesh

    (@denesh)


    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?

Viewing 2 replies - 1 through 2 (of 2 total)
  • WPyogi

    (@wpyogi)

    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;
    }

    denesh

    (@denesh)

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Removing hover on certain part of the menu’ is closed to new replies.