Improve header navigation: enable dropdown on hover for smoother UX

[mdjaved17]

Description

Currently, the top navigation dropdown menus (About, Community, Projects, Resources)
require a click to open. This interaction feels slightly slow for desktop users.

Expected Behavior

Dropdown menus should open when the user hovers over the menu item,
similar to most modern navigation designs.

Actual Behavior

The user must click the menu item to view dropdown options.

Why this is beneficial

• Faster access to menu items
• More intuitive for desktop interactions
• Improves overall navigation experience

Steps to Reproduce

1. Go to the homepage
2. Hover over the header navigation items
3. Notice the dropdown does not open until clicked

Additional Suggestions

Keep click behavior for accessibility on touchscreen devices,
but enable hover expansion for desktop users.

Screen recording

20251124-0447-14.0413580.mp4

[mdjaved17]

I would love to contribute.
please Assign to me

[anandmahadev]

Hi! I'm interested in working on this UX improvement. This is a great feature to enhance navigation experience.

I understand the requirements:

• Add hover support for dropdowns on desktop (while maintaining click support for accessibility)
• Keep click behavior for mobile/touchscreen devices
• Faster, more intuitive interaction similar to modern navigation designs

My implementation plan:

1. Investigate the current dropdown implementation (HTML structure, CSS, JavaScript event handlers)
2. Add hover event listeners to menu items (mouseenter/mouseleave events)
3. Implement CSS hover states or JavaScript-based hover handling
4. Ensure mobile accessibility by keeping click behavior intact
5. Test across different screen sizes and devices
6. Create a PR with detailed documentation

I have experience with HTML, CSS, and JavaScript, and I understand the importance of maintaining accessibility while improving UX. Could you please assign this issue to me? I'm eager to contribute!

Note: This complements issue #474 (dropdown click bug fix). Both could be worked on together for a complete navigation improvement.

[ShreyaDhomane]

Hello ,
I’d like to work on this issue if it’s available.

I plan to implement hover-based dropdown behavior for desktop while preserving click interaction for accessibility and touch devices. I’ll ensure the solution is responsive and does not break existing keyboard or mobile navigation.