Hello,
First, you need to set the “Selector(s)” (in plugin settings) to:
a[href*=#]:not([href=#])
The highlight you see comes from your theme (not “Page scroll to id”). It’s common for themes to style current page menu items differently, so you should edit your theme’s CSS.
You can overwrite your theme style with the following CSS:
#Top_bar .menu > li.current-menu-item > a._mPS2id-h{
color: #231f20;
}
#Top_bar .menu > li.current-menu-item > a._mPS2id-h:hover{
color: #dd3333;
}
#Top_bar .menu > li.current-menu-item > a._mPS2id-h:after{
opacity: 0;
}
#Top_bar .menu > li.current-menu-item > a._mPS2id-h:hover:after{
opacity: 1;
}
If you want to use plugin’s highlight feature, you’ll need to use plugin’s highlight classes, so you could change the above CSS to:
#Top_bar .menu > li.current-menu-item > a._mPS2id-h{
color: #231f20;
}
#Top_bar .menu > li.current-menu-item > a._mPS2id-h:hover,
#Top_bar .menu > li.current-menu-item > a.mPS2id-highlight{
color: #dd3333;
}
#Top_bar .menu > li.current-menu-item > a._mPS2id-h:after{
opacity: 0;
}
#Top_bar .menu > li.current-menu-item > a._mPS2id-h:hover:after,
#Top_bar .menu > li.current-menu-item > a.mPS2id-highlight:after{
opacity: 1;
}
Hope this helps