Navigation
Archive / How to remove hover effect from one menu item?
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 5, 2017 at 1:27 pm #1395293
    dforget
    Participant

    Hi there,

    I added a custom effect to my last button in my main nav and am hoping to remove the outline that it has around the menu item when you are on that page and when you hover over it?

    This is the page that the menu item leads to:

    http://onlymortgages.ca/apply-online/

    March 5, 2017 at 10:16 pm #1395654
    Rupok
    Member

    Hi there,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    #menu-item-150 a:focus {
    outline: none;
}
#menu-item-150 a span {
    border: none;
}

    Hope this helps.

    Cheers!

    March 8, 2017 at 7:51 pm #1399989
    dforget
    Participant

    Thank you! Thank you!

    March 8, 2017 at 11:57 pm #1400124
    Friech
    Moderator

    You’re welcome, we’re delighted to assist you with this.

    Cheers!

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1395293 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>