Home › Forums › WoodMart support forum › Header Menu Active Page State

Header Menu Active Page State

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 8, 2025 at 7:24 pm #652616

    emancilla0410
    Participant

    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.
    April 9, 2025 at 10:18 am #652712

    Aizaz Imtiaz Awan
    Keymaster

    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,

    April 9, 2025 at 11:16 am #652745

    emancilla0410
    Participant

    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.
    April 9, 2025 at 1:42 pm #652792

    Aizaz Imtiaz Awan
    Keymaster

    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,

    April 9, 2025 at 5:50 pm #652876

    emancilla0410
    Participant

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

    April 10, 2025 at 9:02 am #652955

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 6 posts - 1 through 6 (of 6 total)