frontend-mini-challenges icon indicating copy to clipboard operation
frontend-mini-challenges copied to clipboard

Implement hamburger menu for mobile navigation

Open Akhil017 opened this issue 2 years ago • 6 comments

Framework/code-stack

React

Scope

Core application

Description

In the current implementation, the navigation links present in the navbar are not accessible in the mobile view. Specifically, when viewing the website on mobile devices, the navigation links become hidden , hindering user navigation and experience.

Expected Behavior: In the mobile view, users should be able to access the navigation links conveniently, typically through a collapsible hamburger menu icon that expands to reveal the links when clicked or tapped.

Screenshots

navlink Screenshot 2024-02-25 105041

Additional Context

No response

Akhil017 avatar Feb 25 '24 05:02 Akhil017

I can take up this issue @sadanandpai

Akhil017 avatar Feb 25 '24 06:02 Akhil017

Can i work on this issue if its not completed @sadanandpai .

rutupatel53 avatar Feb 27 '24 12:02 rutupatel53

Akhil has taken the issue. @rutupatel53 Plz connect with @Akhil017 and check if you can share the task

sadanandpai avatar Feb 27 '24 12:02 sadanandpai

Hi @rutupatel53, if you are interested, you can take on this task. I will try to take up some other issue.

Akhil017 avatar Feb 27 '24 17:02 Akhil017

Thank you @Akhil017 .if you haven't started yet working on this issue than i want to do it if you don't mind.

rutupatel53 avatar Feb 27 '24 18:02 rutupatel53

Thank you @Akhil017 .if you haven't started yet working on this issue than i want to do it if you don't mind.

Sure, go ahead with this task.

Akhil017 avatar Feb 28 '24 06:02 Akhil017