Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #13448

    when clicking on a link in the navigation menu a black outline appears and stays on. I’d like the menu items to stay the same with no change after clicked.



    @interiorsalvage: You have to add the following CSS in “Appearance => Theme Options => Custom CSS” box which will change the black background to white to match with your menu.

    #header-menu li:hover > a, #header-menu a:focus, #header-menu .menu .current-menu-item > a, #header-menu .menu .current-menu-ancestor > a, #header-menu .menu .current_page_item > a, #header-menu .menu .current_page_ancestor > a {
        background-color: #fff;

    Thanks Sakin, but it doesn’t seem to work. The black outline comes up after you click on it. Is it something to do with the current-menu-item or current_page_item. I cleared the cache.


    @interiorsalvage: It will work. If you check you custom CSS you have extra ; in your color. It should be #fff; not #fffff;;

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Remove black hover outline in navigation menu’ is closed to new replies.