Header Menu Active Page State

Hi, I need your help. I’ve noticed that no matter which page I navigate to, the header menu incorrectly highlights the “Nuestra Tienda” (Shop) page as active. Even when viewing the homepage (“Inicio”), the header still shows “Nuestra Tienda” as the selected page.

Steps to Reproduce:
Navigate to any non-shop page (e.g., Homepage/Inicio).

Scroll down to hide the header.

Scroll back up to reveal the header again.

After scrolling up, the header incorrectly highlights “Nuestra Tienda” as the active page, despite being on a different page.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to say, but I haven’t found any issues on your site. I made changes to your home page and disabled the custom header “Header Base Dark” in the page settings at the bottom.

However, the change isn’t reflecting on your site because you have “Header Base Dark” set as the default header.

If you have another behavior please share the small video for better understanding. So I will check and give you a possible solution.

Best Regards,

video for reference. If you take a close look, every time I scroll down and went back up, the selected menu item was “Nuestra Tienda”. I already removed some custom JS code and some JS from functions.php but still the same.

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Appearance > Menu > Edit main menu > Expand the “Nuestra Tienda” menu item and remove the page anchor for the menu: https://ibb.co/BKj5XFSr

Best Regards,

How can I avoid the issue, but without removing the page anchor for the menu?

Hello,

In this case, the issue seems to be caused by the anchor in the “Nuestra Tienda” menu.

Go to Appearance > Menus > Expand the “Nuestra Tienda” menu item.

In the “CSS Classes (optional)” field, add: no-active-highlight.

Then, add the following custom css in Theme Settings > Custom CSS:

.menu-item.no-active-highlight.current-menu-item > a {
    color: #333 !important;
    font-weight: 400 !important;
}

This will stop the menu item from appearing as “active” due to the anchor behavior.

Best Regards,

[Author]

Posts