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

Navbar menu on mobile needs larger buttons for easier navigation - CSS/SCSS #7

Open
christina-ml opened this issue Oct 12, 2023 · 0 comments
Assignees
Labels
admin only This is for only the repository owner enhancement New feature or request

Comments

@christina-ml
Copy link
Owner

The navbar menu on mobile has buttons that are too small and makes it difficult to know what you're clicking on.
Update the CSS/SCSS to change the layout for a better user experience.
Some suggestions, but feel free to suggest any of your own ideas:

  • Increase the font size of the buttons
  • Add some padding around the text
  • Show an outline around each button to find it easier
  • Highlight the background of each button with a color to show when it’s been clicked on

Note: There might also be some horizontal scrolling happening, and would be good to check for and eliminate it if needed. The priority of this issue is to make the buttons larger.

Current navbar menu on mobile:
image

@christina-ml christina-ml added enhancement New feature or request help wanted Extra attention is needed good first issue Good for newcomers labels Oct 12, 2023
@christina-ml christina-ml self-assigned this Oct 12, 2023
@christina-ml christina-ml added admin only This is for only the repository owner and removed help wanted Extra attention is needed good first issue Good for newcomers labels Oct 12, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
admin only This is for only the repository owner enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

1 participant