🐞 [BUG] - Navbar responsiveness on small devices

[abhinav-m22]

Description

On small devices, the collapsed navbar menu has no cursor-pointer. Hence, the web page does not look consistent. Also, there are no hover effects on the components of the collapsed navbar menu.

Current behaviour

Lack of the CSS effects indicates absence of a particular components, hence the user experiences degrades.

Expected behaviour

The web page does not look consistent due to the issues mentioned. Adding the CSS effects like pointer on the nav-menu and hover animations will improve the UI/UX and make the web page look standard.

Reproduction steps

1. Go to 'Home Page on Small Devices' (use chrome tools for reducing size)
2. Click on 'Nav-Menu'
3. Scroll down to 'Different Nav components' (no hover effects)
4. See inconsistency

Screenshots

Logs

No response

Browsers

Chrome

OS

Windows

Are you contributing for a program ?

GSSoC2023

Code of Conduct

• [X] I have read and agree to the Contributing Guidelines of this project.

[tusharbansal22]

What is the point of the cursor pointer on a mobile screen? How will one even see that :)

[abhinav-m22]

But adding it will be of no waste.... And also the hover effects are important.... Be it any device It will improve the UI/UX

[AmanJain18]

On prduction level we never add hover and pointer in small screen devices... In industry also... Explicitly adding a cursor pointer for mobile devices is not a common practice and may not provide any meaningful interaction for users.