Title: Three menu items highlighted
Last modified: August 30, 2016

---

# Three menu items highlighted

 *  [EldertSijmons](https://wordpress.org/support/users/eldertsijmons/)
 * (@eldertsijmons)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/three-menu-items-highlighted/)
 * I am trying to only highlight one menu item at a time. Right now the website 
   highlights HOME, ABOUT US and SERVICES. The HOME link is a normal menu link. 
   The other two use “Page Scroll to ID” and link to content on the HOME page.
 * How can I turn off the highlighting of the ABOUT US and SERVICES links when I
   am on the HOME page? Or when I click on ABOUT US turn off the HOME and SERVICES
   highlighting?
 * [http://www.trueustudio.com/clients/mv2/](http://www.trueustudio.com/clients/mv2/)
 * Thank you,
 * [https://wordpress.org/plugins/page-scroll-to-id/](https://wordpress.org/plugins/page-scroll-to-id/)

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

 *  Plugin Author [malihu](https://wordpress.org/support/users/malihu/)
 * (@malihu)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/three-menu-items-highlighted/#post-6891851)
 * These menu items are highlighted by WordPress/theme (not by the plugin) as they
   point to the same page/URL (`http://www.trueustudio.com/clients/mv2/`).
 * You’ll have to edit your theme’s CSS and exclude ‘Page scroll to id’ links from
   being highlighted. Find CSS rule:
 *     ```
       #navigation > section > .primary-nav-container ul.nav > .current-menu-item > a,
       #navigation > section > .primary-nav-container ul.nav > .current-menu-parent > a {
           color: #0c8e36 !important ;
       }
       ```
   
 * and change it to:
 *     ```
       #navigation > section > .primary-nav-container ul.nav > .current-menu-item > a:not(._mPS2id-h),
       #navigation > section > .primary-nav-container ul.nav > .current-menu-parent > a:not(._mPS2id-h) {
           color: #0c8e36 !important ;
       }
       ```
   
 * To highlight the 2 menu items handled by the plugin (‘About us’ and ‘Services’)
   [follow the plugin guide](http://manos.malihu.gr/page-scroll-to-id-for-wordpress-tutorial/#links-highlighting-section).
   For example, adding the following in your CSS should work:
 *     ```
       #navigation > section > .primary-nav-container ul.nav > .current-menu-item > a.mPS2id-highlight,
       #navigation > section > .primary-nav-container ul.nav > .current-menu-parent > a.mPS2id-highlight {
           color: #0c8e36;
       }
       ```
   
 * ‘Home’ link is also <b>not</b> a ‘Page scroll to id’ link so you’d have to change
   it in your theme’s stylesheet.
 *  Thread Starter [EldertSijmons](https://wordpress.org/support/users/eldertsijmons/)
 * (@eldertsijmons)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/three-menu-items-highlighted/#post-6891874)
 * Thank you so much for responding. I did apply your CSS to this WordPress site
   but it doesn’t do anything to the site.
 * Can you take a look at it again?
 *  Plugin Author [malihu](https://wordpress.org/support/users/malihu/)
 * (@malihu)
 * [10 years, 4 months ago](https://wordpress.org/support/topic/three-menu-items-highlighted/#post-6891883)
 * Seems that the changes you made did not apply on the front-end.
    I inspected 
   your page with dev tools and none of the CSS rules exists in index or style.css.
 *  [bradyboyy88](https://wordpress.org/support/users/bradyboyy88/)
 * (@bradyboyy88)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/three-menu-items-highlighted/#post-6892003)
 * I am building my site locally but I am having this same problem since I use links
   vs just #section due to the fact there are pages outside of my homepage. Is there
   any other fixes if the one mentioned above in the style sheet did not work? Neither
   did the force single highlight in the options.
 * Thanks
 *  [bradyboyy88](https://wordpress.org/support/users/bradyboyy88/)
 * (@bradyboyy88)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/three-menu-items-highlighted/#post-6892004)
 * The theme I am using is
    venture-lite [http://www.nimbusthemes.com/preview/?theme=venture](http://www.nimbusthemes.com/preview/?theme=venture)

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

The topic ‘Three menu items highlighted’ 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/)

## Tags

 * [highlighting](https://wordpress.org/support/topic-tag/highlighting/)
 * [menu items](https://wordpress.org/support/topic-tag/menu-items/)

 * 5 replies
 * 3 participants
 * Last reply from: [bradyboyy88](https://wordpress.org/support/users/bradyboyy88/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/three-menu-items-highlighted/#post-6892004)
 * Status: not resolved