Remove active color with ancre in menu

  • Resolved vialexa

    (@vialexa)


    2 years ago

    Hey !

    I’ve a menu with few pages. And I’ve 2 names of menu with “ancre”. I active “highlight active item” in header > menu > style > menu item > highlight active item.

    Is it possible to have css only to show “home/accueil” when I’m on the homepage ? And not homepage + “Je suis” + “A Propos” ?

    CSS I’ve already tried :

    .menupasactif {
    color: black !important;
    }
    .menupasactif > a:hover {
    color: blue !important;
    }

    Thanks a lot per advance for your help ??

    Have a beautiful day !

    Alexa

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Contributor George

    (@rubeushagrid13)

    Hi vialexa,

    Since current-menu-item class is applied to anchor items as well there is one solution I can advice in your case:

    Please download the plugin Simple Custom CSS and JS and add following js code there:

    jQuery(document).ready(function( $ ){
    if ( '/cl125019-ovh/' == window.location.pathname ) {
        $('.current-menu-item:not(:first-of-type) a').each(function() {
            $(this).removeClass('wpr-active-menu-item');
        })
    }
});

    If this doesn’t help please contact us again

    Kind regards,

    George

Viewing 1 replies (of 1 total)
  • The topic ‘Remove active color with ancre in menu’ is closed to new replies.

Tags