On desktop, opt for a header with 2 or 3 rows.

For example:

Row 1

Row 2

Row 3


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%.

No photo description available.


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. 

Leave a Reply

Your email address will not be published. Required fields are marked *