WordPress logic actually marks all these items active because they have same link but different hashtag, so it doesn't read the value after the hashtag so this is the only way to prevent it from happening.
This fix seems to work only at the top of the page. Once a link is clicked or page is scrolled down, the issue appears again. I have attached a quick video to demonstrate what I mean.
I also noticed on mobile, the issue still persists, the links from the same page are all highlighted. I have attached a screenshot as well. I also noticed that smooth scrolling does not work on mobile?
Hello,
I have added 3 menu items in the main navigation which link to different IDs on the same page.
All 3 menu items are "active" because of this.
Please refer to attached screenshot.
Hi,
I've added the following CSS:
.menu .current-menu-item ~ .current_page_item > a:after { display: none !important; }Which will fix this issue.
WordPress logic actually marks all these items active because they have same link but different hashtag, so it doesn't read the value after the hashtag so this is the only way to prevent it from happening.
Hello Arlind,
This fix seems to work only at the top of the page. Once a link is clicked or page is scrolled down, the issue appears again. I have attached a quick video to demonstrate what I mean.
I also noticed on mobile, the issue still persists, the links from the same page are all highlighted. I have attached a screenshot as well. I also noticed that smooth scrolling does not work on mobile?
Hi,
I've fixed this by leaving just the hashtag and ID:
(view large version)
You can check and see how it looks now:
http://drops.laborator.co/ka6J
The mobile navigation seems to be broken, as it does not highlight any of the menu items.
Also, the links on the mobile menu item links do not scroll?
Please see screenshot.
Hi,
We are aware of this and will fix it in the upcoming update.