Chalarangelo/30-seconds-web

Mobile viewport enhancements

Chalarangelo opened this issue · 1 comments

Various minor issues plague the mobile viewports. These include but are not necessarily limited to (as shown above):

  • Navigation/search bar is too tall. Potential solution could be to hide the search bar behind an icon and require an action to open? Alternatively the search bar could be hidden on mobile and only show an icon which is a link to the search page.
  • Footer could use a different spacing scheme on mobile. Less padding/margin on the top and some more at the bottom could help alleviate this. Also the copyright text is a bit awkward, maybe plan the line break better?
  • The search results dropdown is not aligned correctly to the left of the search bar. This can be easily fixed or, if the first issue is approached by removing the search bar in favor of an icon hidden. This would most likely still require the fix in the search page, though.

Regarding the navbar height, #373 will remedy the issue by making it not sticky, which will help improve the mobile UX.