Remove current page highlight from menus

  • bubbly

    (@bubbly)


    11 years, 9 months ago

    I successfully managed to add ‘current page highlight’ in my sidebar menu on the current site I am building – seen below:

    http://www.laintlholdings.com/management-vessel/

    The issue I am now having is that when I am on the Home page (for example) – the Home icon in the primary menu and footer menu are also highlighted, same if I am on the ‘Contact Us’ page etc.

    http://www.laintlholdings.com/

    I would like to isolate the ‘highlighting’ solely to the pages which include the sidebar menu and NOT have any highlighting on my menus.

    Is this possible? Thanks!

Viewing 1 replies (of 1 total)
  • hannah

    (@hannahritner)

    11 years, 9 months ago

    So you don’t want any hover effect on your heading and footer menus, is that what you’re saying?
    You can add this to your custom css box in theme options > advanced settings:

    #nav-main ul.sf-menu a:hover {
background: none;
color: #000;
}
.footerclass a, .footernav ul li a:hover
background: none;
color: #000;
}

    Hope this helps!
    Hannah

Viewing 1 replies (of 1 total)

The topic ‘Remove current page highlight from menus’ is closed to new replies.