search

ANSHIKA-26 / WordWise

Blogging website
https://wordwise-k9ho.onrender.com/
54 stars 195 forks source link

Make Navbar Responsive by Collapsing After Certain Width #313

Closed Rizvi-Faiz closed 6 days ago

Rizvi-Faiz commented 6 days ago

Make Navbar Responsive by Collapsing After Certain Width

Description

The navbar should collapse into a hamburger menu when the screen width is below a specified threshold (e.g., 768px) to improve the website's responsiveness and mobile-friendliness.

Steps to Complete

  1. Detect the screen width using media queries in CSS or via JavaScript.
  2. Implement the hamburger icon when the screen width is below the specified threshold.
  3. Add functionality to toggle the navbar visibility when the hamburger icon is clicked.
  4. Ensure smooth transitions and that the menu items are easily accessible on mobile devices.

Screenshots

image

github-actions[bot] commented 6 days ago

Thanks @Rizvi-Faiz for raising this issue! We'll look into it. Meanwhile, it's been assigned to you for further tracking.

github-actions[bot] commented 6 days ago

Hello, since this is an open-source project, we would like every contributor to have a chance to contribute. Therefore, we have restricted the number of issues one contributor can create at a time. In order to make a new issue, kindly close one of your open issues first, so that there is less spamming of issues and more PR merges!