FEATURE: Add a Visual Highlight to the Navigation Links in the Overlay Menu to Indicate User's Current Location

naumch1k / one-fall

Landing page for ONE FALL, Salem-based melodic punk and hardcore quartet has rapidly made a mark in New England

https://develop--one-fall.netlify.app/

0 stars 0 forks source link

FEATURE: Add a Visual Highlight to the Navigation Links in the Overlay Menu to Indicate User's Current Location #28

Open yuliia-harshyna opened 1 month ago

yuliia-harshyna commented 1 month ago

Is your feature request related to a problem? Please describe.

The current design lacks a visual indicator for the user's current location within the overlay navigation menu on tablets and mobile devices. Highlighting the active menu item offers several key advantages:

Improved Navigation: Highlighting the current navigation link helps users easily orient themselves on the site by showing which section they are in at the moment. This significantly simplifies navigation.
Increased Usability: Indicating the active menu makes interaction with the site more intuitive. Users can quickly understand where they are without needing to search for additional visual clues or read text.

Describe the solution you'd like

Menu items can be highlighted using another color, using graphic elements, or another font size.

Attachments

MOBILE_MENU TABLET_MENU

github-actions[bot] commented 1 month ago

@yuliia-harshyna 👋

Thanks for dropping in with the issue! Our team is ready to dive into it as soon as possible! 🚀

If you would like to work on this issue, please wait for us to decide if it's ready; hang tight until we've given it the green light. The issue will be ready to work on once we remove the Needs triage label.

To claim an issue that does not have the Needs triage label, please leave a comment that says ".take". If you have any questions, please follow up on the issue itself.

For full info on how to contribute, please check out our contributors guide.

Let's make some magic together! ✨

Nina-Tru commented 1 month ago

Main Navigation Menu Issue: No Section Highlighting When Scrolling Upwards

Main Navigation Menu currently functions only from top to bottom. When scrolling down the page, the section name appears at the top, providing a clear visual indication of the current section the user is in.

However, when navigating upwards (bottom to top), the section names remain aligned at the same level and do not change color to highlight the section being viewed. This can cause confusion for users as they are unable to easily identify their current section when scrolling upwards.

naumch1k commented 1 month ago

However, when navigating upwards (bottom to top), the section names remain aligned at the same level and do not change color to highlight the section being viewed. This can cause confusion for users as they are unable to easily identify their current section when scrolling upwards.

Hey @Nina-Tru 👋 Thanks for pointing out this extra issue! Could you share some screenshots or a video to help illustrate the problem? It’ll make it easier for everyone to understand what’s happening.

naumch1k commented 2 weeks ago

.take

github-actions[bot] commented 2 weeks ago

@naumch1k 👋 Thanks for picking up this issue! 🙌 Feel free to reach out if you need any help or have questions!