Skip to content

✨ Feature: Persist Navbar Underline for Active Section #3

Description

@archangel2006

Description

Navbar links currently show an underline on hover, but:

  • the underline disappears after clicking a link
  • there is no indication of the active section while scrolling

This makes navigation less intuitive.

Image

Goal

Ensure the navbar link for the current section:

  • remains underlined after being clicked
  • stays highlighted while the section is in view

Implementation

  • Use an .active class for navbar links
  • Reuse existing hover styles for the active state

Acceptance Criteria

  • Clicking a navbar link keeps it underlined
  • Active section link updates correctly while scrolling
  • No flickering or multiple active links
  • No changes to existing color scheme

Relevant Files

  • style.css (active underline styling)
  • script.js (click/scroll logic)

⚠️ Notes

  • Keep implementation clean and reusable
  • Avoid hardcoding styles or inline fixes

Metadata

Metadata

Assignees

Labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions