On desktop, opt for a header with 2 or 3 rows.
- contact info
- “FREE SHIPPING ON ALL ORDERS”
- “My Account” link
- Country selection
- logo (left and clickable)
- search box (middle)
- cart icon (right)
- Mega menu with the main categories as level 1
How tall should the header be?
I looked at 12 well-known brands, and the average is 21.5% (measured with a browser ‘real estate’ of 1247px tall). I’d recommend keeping it below 20%.
What I like in the promo/announcement bar in the image below (Cotton Mills), above the menu bar, is that the 3 unique selling ‘bullets’ are clickable. It allows shoppers to quickly get more information by clicking directly on those.