Archived topic
resizing window moves menu below logo
1 reply · Started by markus on September 30, 2020
Resizing the browser window smaller moves my top menu to below my logo on https://stellarsoundlabs.com
Can you show me how to keep the menu at the very top of the page for all browser sizes?
Thanks.
Hi,
Your navbar content wraps to the next row/line when the screen size is too small for all of the contents to fit in 1 row/line. I've checked your site and it starts to wrap at around 946px.
You may want to consider resizing things so they fit on desktop viewports with width smaller than 1024px.
Things to consider tinkering on:
Consider resizing or replacing the input UI for search. (Perhaps display a single search icon instead?)
Remove paddings added to inside-header.
Reduce space between nav menu items.
Reduce nav menu font size.
Consider using hamburger menu on viewports smaller than 1024px.
