Skip to content

🐞Bug: URL Header Highlighter Not Working Across Pages #131

Open
@HimanshuHeda

Description

@HimanshuHeda

Description:

The active header (or navigation) link is not highlighted on the corresponding page, making it difficult for users to identify which page they are currently on. This impacts the overall navigation experience and clarity.

Steps to Reproduce:

Navigate to the website.
Click on any navigation link in the header (e.g., Home, About, Contact, etc.).
Observe that the header link for the active page is not visually highlighted.

Expected Behavior:

The active navigation link in the header should be highlighted (e.g., bold text, underlined, or with a distinct background color) to indicate the current page.

Actual Behavior:

The active navigation link is not highlighted, or the highlight does not persist when navigating to another page.

Possible Causes:

Missing or incorrect CSS class for the active link.
Failure to update the active link dynamically when navigating between pages.
Conflicts with JavaScript or CSS that may override the active state styling.

ScreenShort:

image
image
image

Priority:

Medium (Improves navigation clarity for users).

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions