Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[bug] Improve Navbar Design: Add Icons and Enhance Text Visibility #562

Closed
Ankul8471 opened this issue Oct 20, 2024 · 2 comments
Closed

Comments

@Ankul8471
Copy link
Contributor

The current navigation bar has some usability and design issues that need to be addressed for a better user experience. Specifically:

Text Visibility: The tagline under the "Swasthya" logo is hard to read due to the low contrast between the light text and light background. Increasing contrast by either darkening the text or adjusting the background color will improve readability.

Icon Integration: The navigation bar could benefit from adding relevant icons (such as Home, Services, Contact, About Us, and Search) to make navigation more intuitive and visually appealing. These icons would provide users with quicker access to key sections of the site.

Alignment & Spacing: The layout of the elements, especially the text and the hamburger menu icon, seems a bit cramped. Adjusting the padding and spacing between items will create a cleaner and more organized appearance.

Suggested Fixes:

Improve contrast for better text readability.
Add navigation icons like Home, Contact, and Help for better user interaction.
Review and adjust spacing for a cleaner design and balanced layout.
Uploading hkcjvk.png…

@Ankul8471
Copy link
Contributor Author

@tushargupta1504 hello sir please assign me this issue

@Ankul8471
Copy link
Contributor Author

hkcjvk

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants