Title: multiple menu itemes problm
Last modified: August 31, 2016

---

# multiple menu itemes problm

 *  [bluelemonade](https://wordpress.org/support/users/bluelemonade/)
 * (@bluelemonade)
 * [10 years ago](https://wordpress.org/support/topic/multiple-menu-itemes-problm/)
 * i have also a problem with multiple highlitghted menu items.
 * everything is fine when a extra page is activated.
 * <ul id=”menu-menu-1″ class=”nav navbar-nav”><li id=”menu-item-31″ class=”menu-
   item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item
   menu-item-home menu-item-31 active”>[PROFIL](http://www.xxxx.de/#section_profil)
   
   <li id=”menu-item-39″ class=”menu-item menu-item-type-custom menu-item-object-
   custom current-menu-item current_page_item menu-item-home menu-item-39 active”
   >[ANGEBOT](http://www.xxxx.de/#section_angebot) <li id=”menu-item-40″ class=”
   menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item
   menu-item-home menu-item-40 active”>[NETZWERK](http://www.xxxx.de/#section_netzwerk)
   <li id=”menu-item-41″ class=”menu-item menu-item-type-custom menu-item-object-
   custom current-menu-item current_page_item menu-item-home menu-item-41 active”
   >[IMPRESSUM / KONTAKT](http://www.xxxx.de/#section_kontakt) <li id=”menu-item-
   44″ class=”menu-item menu-item-type-taxonomy menu-item-object-category menu-item-
   44″>[Blog](http://www.xxxx.de/category/allgemein/)
 * when clicking on the onepager link every link is active.
 * <ul id=”menu-menu-1″ class=”nav navbar-nav”><li id=”menu-item-31″ class=”menu-
   item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-31″
   >[PROFIL](http://www.xxxx.de/#section_profil)
    <li id=”menu-item-39″ class=”menu-
   item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-39″
   >[ANGEBOT](http://www.xxxx.de/#section_angebot) <li id=”menu-item-40″ class=”
   menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-
   40″>[NETZWERK](http://www.xxxx.de/#section_netzwerk) <li id=”menu-item-41″ class
   =”menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-
   item-41″>[IMPRESSUM / KONTAKT](http://www.xxxx.de/#section_kontakt) <li id=”menu-
   item-44″ class=”menu-item menu-item-type-taxonomy menu-item-object-category current-
   menu-item menu-item-44 active”>[Blog](http://www.xxxx.de/category/allgemein/)
 * 1. could I fix this issue with an entry in the plugin, or should I fix it inside
   the css?
 * regards
 * [https://wordpress.org/plugins/page-scroll-to-id/](https://wordpress.org/plugins/page-scroll-to-id/)

Viewing 13 replies - 1 through 13 (of 13 total)

 *  Thread Starter [bluelemonade](https://wordpress.org/support/users/bluelemonade/)
 * (@bluelemonade)
 * [10 years ago](https://wordpress.org/support/topic/multiple-menu-itemes-problm/#post-7323731)
 * by the way this is my css for the activated menu item
    .navbar-default .navbar-
   nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default.
   navbar-nav > .active > a:focus { color: #000000; background-color: #ffffff; margin-
   top: 4px; }
 *  Plugin Author [malihu](https://wordpress.org/support/users/malihu/)
 * (@malihu)
 * [10 years ago](https://wordpress.org/support/topic/multiple-menu-itemes-problm/#post-7323819)
 * 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?
 *  Thread Starter [bluelemonade](https://wordpress.org/support/users/bluelemonade/)
 * (@bluelemonade)
 * [10 years ago](https://wordpress.org/support/topic/multiple-menu-itemes-problm/#post-7323831)
 * [http://www.synagie.de/](http://www.synagie.de/)
 *  Plugin Author [malihu](https://wordpress.org/support/users/malihu/)
 * (@malihu)
 * [10 years ago](https://wordpress.org/support/topic/multiple-menu-itemes-problm/#post-7323843)
 * 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.
 *  Thread Starter [bluelemonade](https://wordpress.org/support/users/bluelemonade/)
 * (@bluelemonade)
 * [10 years ago](https://wordpress.org/support/topic/multiple-menu-itemes-problm/#post-7323864)
 * it works, thanks
 *  Plugin Author [malihu](https://wordpress.org/support/users/malihu/)
 * (@malihu)
 * [10 years ago](https://wordpress.org/support/topic/multiple-menu-itemes-problm/#post-7323866)
 * 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](https://wordpress.org/support/users/duchesscorp/)
 * (@duchesscorp)
 * [10 years ago](https://wordpress.org/support/topic/multiple-menu-itemes-problm/#post-7323949)
 * I think I’m having this same issue. Would you happen to know what the css would
   be in the Fruitful theme code? [http://toucodirect.com](http://toucodirect.com)
 *  Plugin Author [malihu](https://wordpress.org/support/users/malihu/)
 * (@malihu)
 * [10 years ago](https://wordpress.org/support/topic/multiple-menu-itemes-problm/#post-7323966)
 * [@duchesscorp](https://wordpress.org/support/users/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
       ```
   
 *  [duchesscorp](https://wordpress.org/support/users/duchesscorp/)
 * (@duchesscorp)
 * [10 years ago](https://wordpress.org/support/topic/multiple-menu-itemes-problm/#post-7323970)
 * Great! Thank for that. It worked. However, now the home target doesn’t highlight.
   All the other menu items are working fine. Any ideas?
 *  Plugin Author [malihu](https://wordpress.org/support/users/malihu/)
 * (@malihu)
 * [10 years ago](https://wordpress.org/support/topic/multiple-menu-itemes-problm/#post-7323980)
 * 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{
           /* ... */
       }
       ```
   
 *  [duchesscorp](https://wordpress.org/support/users/duchesscorp/)
 * (@duchesscorp)
 * [10 years ago](https://wordpress.org/support/topic/multiple-menu-itemes-problm/#post-7324001)
 * I tried that as well as the other CSS code with api in it and both the home button
   and the target button are solid. I’ve tried several combinations and none of 
   them only highlight the one. Thoughts?
 *  Plugin Author [malihu](https://wordpress.org/support/users/malihu/)
 * (@malihu)
 * [10 years ago](https://wordpress.org/support/topic/multiple-menu-itemes-problm/#post-7324007)
 * 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.).
 *  [duchesscorp](https://wordpress.org/support/users/duchesscorp/)
 * (@duchesscorp)
 * [10 years ago](https://wordpress.org/support/topic/multiple-menu-itemes-problm/#post-7324008)
 * Understood. Thanks so much for your help!

Viewing 13 replies - 1 through 13 (of 13 total)

The topic ‘multiple menu itemes problm’ is closed to new replies.

 * ![](https://ps.w.org/page-scroll-to-id/assets/icon-256x256.png?rev=1401043)
 * [Page scroll to id](https://wordpress.org/plugins/page-scroll-to-id/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/page-scroll-to-id/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/page-scroll-to-id/)
 * [Active Topics](https://wordpress.org/support/plugin/page-scroll-to-id/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/page-scroll-to-id/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/page-scroll-to-id/reviews/)

 * 13 replies
 * 3 participants
 * Last reply from: [duchesscorp](https://wordpress.org/support/users/duchesscorp/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/multiple-menu-itemes-problm/#post-7324008)
 * Status: not resolved