Multiple menu items highlighted when using anchors

  • Hi there,

    On the home of our WP site we’ve embedded a number of anchors in different sections within the same page. We’ve created a menu bar and have successfully linked menu items to their respective anchors.

    The issue is that by default, all of the menu items that have links to anchors on the home page are highlighted when any anchor on that page is selected. What we’d like is for just the menu item that has been selected to be highlighted.

    What’s the simplest solution for this?

    Thanks in advance!

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

  • Please give link of your website, It will easy to understand problem.

    Thread Starter wsnz

    (@wsnz)

    The dev site is internal only at the moment, but here’s a screenshot of the menu state that hopefully explains things better.

    Screenshot 1: The user has selected HOME or SHOP in the menu bar. Both HOME and SHOP anchors are on the same wordpress page, with the same page_ID. You can see in the screenshot both HOME and SHOP are highlighted whenever a user clicks either HOME or SHOP.

    Screenshot 2: The user has selected the FAQ page. Only that menu item is currently highlighted. FAQ’s have a completely separate page_ID.

    <A/>

    How can I configure the site so that menu items that are anchors on the same page, don’t cause other menu items to also appear highlighted?

    Hopefully that clarifies things a bit.

    Thread Starter wsnz

    (@wsnz)

    The dev site is internal only at the moment, but here’s a screenshot of the menu state that hopefully explains things better.

    Screenshot 1: The user has selected HOME or SHOP in the menu bar. Both HOME and SHOP anchors are on the same wordpress page, with the same page_ID. You can see in the screenshot both HOME and SHOP are highlighted whenever a user clicks either HOME or SHOP.

    Screenshot one

    Screenshot 2: The user has selected the FAQ page. Only that menu item is currently highlighted. FAQ’s have a completely separate page_ID.

    Screenshot two

    How can I configure the site so that menu items that are anchors on the same page, don’t cause other menu items to also appear highlighted?

    Hopefully that clarifies things a bit.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Multiple menu items highlighted when using anchors’ is closed to new replies.