multiple menu itemes problm

I think your menu items are highlighted by your theme (not the plugin) via the classes current-menu-item and current_page_item. Those classes are applied by wp themes when menu links point to the same page.

This should be fixed in your CSS. You should normally disable the styling for the .current-menu-item and .current_page_item on menu links that are handled by ‘Page scroll to id’.

I can’t really help though unless I see your page… Can you post your link?

The links are not highlighted by the plugin because the selector you’ve set in “Highlight selector(s)” field is not valid (it seems you’ve set mPS2id-clicked). You should either remove the value or change it to your actual menu links selector (e.g. .menu-item a[href*='#']).

The active class and the selector .navbar-default .navbar-nav > .active > a are not related to ‘Page scroll to id’.

First change the “Highlight selector(s)” value in plugin settings and then edit your CSS in order to remove the .active > a styling and use .mPS2id-highlight to highlight your menu links.

You have a syntax error. There’s an extra parenthesis in the “Highlight selector(s)” value (probably a copy error). Change:

.menu-item a[href*='#'])

to:

.menu-item a[href*='#']

@duchesscorp

The CSS can be:

.main-navigation ul li.current_page_item a._mPS2id-h,
.main-navigation ul li.current-menu-item a._mPS2id-h,
.main-navigation ul li.current_page_item a[data-ps2id-api='true'],
.main-navigation ul li.current-menu-item a[data-ps2id-api='true']{
    color: inherit;
    background-color: inherit;
}

.main-navigation ul li.current_page_item a.mPS2id-highlight{
    color: #ffffff;
    background-color: #57a603;
}

You should also define which elements to highlight (because you have many ‘Page scroll to id’ links in your page that target the same elements). In plugin settings, insert the following value in “Highlight selector(s)” field:

.main-navigation .menu-item a

Try changing the CSS selector from:

.main-navigation ul li.current_page_item a._mPS2id-h,
.main-navigation ul li.current-menu-item a._mPS2id-h,
.main-navigation ul li.current_page_item a[data-ps2id-api='true'],
.main-navigation ul li.current-menu-item a[data-ps2id-api='true']{
    /* ... */
}

to:

.main-navigation ul li.current_page_item a._mPS2id-h,
.main-navigation ul li.current-menu-item a._mPS2id-h{
    /* ... */
}

I may have misunderstood… I thought you just wanted the home link always highlighted because you’re always on the home page and its URL is http://toucodirect.com/.

If you want the home link to scroll the page, you need to give it a hash (like your other links), for example http://toucodirect.com/#home and create a home target to the place you want (the same way you did with services, pricing etc.).