Skip to content

Add responsive navbar with hamburger menu for mobile and tablet devices#16

Open
YAM1234-B wants to merge 1 commit into
sunilkumar2170:mainfrom
YAM1234-B:fix-responsive-navbar
Open

Add responsive navbar with hamburger menu for mobile and tablet devices#16
YAM1234-B wants to merge 1 commit into
sunilkumar2170:mainfrom
YAM1234-B:fix-responsive-navbar

Conversation

@YAM1234-B
Copy link
Copy Markdown

Description

Implemented a responsive navigation bar with a hamburger menu for mobile and tablet devices.

Changes Made

  • Added a hamburger menu button for screens smaller than md.
  • Added React state using useState to toggle the mobile navigation menu.
  • Displayed navigation links vertically in a dropdown menu.
  • Included the GitHub star button in the mobile menu.
  • Ensured the menu closes automatically when a navigation link is clicked.
  • Improved accessibility using aria-label and aria-expanded.

Screenshots

Attached screenshots for:

  • Desktop View
desktop1 desktop2 desktop3 desktop4
  • Tablet View
tab1 tab2 tab3 tab4 tab5
  • Mobile View
mobile1 mobile2 mobile 3 mobile 4

Screen Recording

screenrecording.mp4

Attached a short screen recording showing the hamburger menu opening and closing on mobile view.

Related Issue

Closes #3

@YAM1234-B YAM1234-B force-pushed the fix-responsive-navbar branch from fac835e to 50a3fb4 Compare May 15, 2026 20:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Responsive Navbar with Hamburger Menu for Mobile & Tablet Devices

1 participant