Typically, something like this:

 

Amazon’s header on mobile is great inspiration:

The only problem I see is that it is neither sticky nor semi-sticky (reappearing when scrolling back up).

 

What I’d recommend is keeping at least row 1 sticky, and row 2 (and optionally row 3) semi-sticky.

Another interesting option suggested by one of the members of my Ecom Convert group is to make row 2 (search bar) sticky and when scrolling down the burger menu drops to row 2. So effectively when scrolling down you only have what is needed: the burger menu and the search.

Leave a Reply

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