Mobile layout improvements for navigation and page header

[d2s]

Mobile layout improvements for navigation and page header

On a recent mobile phone, visible top part of the Sass documentation https://sass-lang.com/documentation page looks similar to the following screenshot:

Potential details to improve:

• Page title is a bit too close to the search box.
• Top navigation takes most of the screen space on a mobile devices.
  • Page text contents itself are not visible on the screen, because navigation is taking most of the limited screen space.
• Search box improvements:
  • Search box does not have a placeholder text (as it would make the feature more easy to understand to new visitors)

Related to:

#268 Navigation improvements

[maduram]

This issue also comes up when you have smaller browser windows on desktop.