Welcome to WebmasterWorld Guest from 35.175.120.174

Forum Moderators: not2easy

Message Too Old, No Replies

Fixed Header vs Scrolled header

what is best?

     
6:58 pm on Nov 11, 2016 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member ogletree is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Apr 14, 2003
posts: 4320
votes: 42


Anybody do any A/B testing on fixed headers on mobile ecommerce sites? I personally hate them but would like to know the pros and cons and if it affects conversions.

I bought a big phone so I could see it better. If somebody has a fixed header that essentially takes away part of my screen I'm not happy.

If they are good what is the best height? At what height does it cease to be a benefit?

I have a client that the fixed header takes up 1/3 of the screen. I would imagine that everybody would agree that is a bad idea for mobile. I would like to tell them to get rid of it but if it is best to have a fixed header what height should I tell them to use?
3:42 am on Nov 26, 2016 (gmt 0)

Senior Member

WebmasterWorld Senior Member ergophobe is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Apr 25, 2002
posts:8639
votes: 287


No testing yet... interesting test though.

>> fixed header takes up 1/3 of the screen

That's simply crazy. One pattern that I sort of like is the header that reduces when you scroll - so logo disappears or gets small, so you have the nav available, but not much else.
12:12 pm on Nov 26, 2016 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month

joined:Sept 4, 2001
posts:2297
votes: 100


On any screen a fixed header that takes ups 1/3 of the page is way too much. Regardless, when I use fixed headers, 99% of the time it is only on large screen displays. I occasionally used a fixed menu or even a fixed search box, but only if it is small.

After re-reading the OP, does the fixed header do any thing, e.g. menu? If not, it is truly a waste of space.
6:52 pm on Nov 26, 2016 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member lucy24 is a WebmasterWorld Top Contributor of All Time 5+ Year Member Top Contributors Of The Month

joined:Apr 9, 2011
posts:15943
votes: 890


what height should I tell them to use?

One line of ordinary-sized type (100%, 1em, or “medium”) plus necessary padding.

Hypothesis: Some mobile devices don't show an address bar once you've scrolled down. (My iPad behaves this way and it annoys the ### out of me.) So a fixed header provides an alternative way of telling/reminding the user what site they're on.
7:16 pm on Nov 26, 2016 (gmt 0)

Senior Member

WebmasterWorld Senior Member ergophobe is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Apr 25, 2002
posts:8639
votes: 287


@Marshall and @lucsy24 - that's what I meant by a minimized header - just enough to show whatever you need to invoke the nav (i.e. hamburger if that's your mobile menu) and minimal branding so people know where they are.