Skip to content

UI: Add active state styling to navbar links #896

@sh1vam31

Description

@sh1vam31

Describe the Issue

The navbar does not visually indicate the currently active page or section.

All navbar links appear the same in both active and inactive states, which makes navigation unclear—especially for first-time users. Active route highlighting is not consistently implemented or visually represented.

Expected Outcome

The active navbar link should be visually distinct (e.g., underline, color change, or bold text) and update correctly during navigation, improving clarity and user experience.

Screenshots

No response

Steps to Reproduce

  1. Open the conference website in a browser.
  2. Navigate to different pages using the navbar.
  3. Observe the navbar links.
  4. Notice that the active page or section is not visually highlighted.

Browser/Device

All desktop browsers (Chrome, Firefox, Safari, Edge).

Additional Notes

No response

Check Before Submitting

Would you like to help fix this issue? (Not required, but appreciated!)

  • Yes, I am interested in contributing to the fix.
  • No, I am just reporting the issue.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions