Fixed Header Mobile


#1

Anyone know how to make a mobile fixed header were the page scrolls over the header, not underneath it.

Like on this page:

I have a dozen pages using the regular sticky header w/ hamburger menu, but I really like the one above and would love to do a few pages using it.

Thanks for any help?


#2

Looks like the header is still scrolling over the page? Can you explain what you mean in more detail or show a screenshot maybe :slight_smile:


#3

Hmmm, on my mobile (an android) it’s different.


#4

That’s odd, I just tried on my Android on Chrome browser, and it looks the same as before – what browser are you using? It looks broken on your screenshot to be honest.


#5

Hi Zoe, I use chrome as well. I noticed when I go directly to slate.com and view the article/page it is exactly like you see it. But when I search it and use the link for the AMP page, it is different, and the page works the way I described. So, I’m guessing it’s a feature only available if you’re using AMP?

Thanks,

Charles


#6

Ahh yes it’s probably AMP breaking the pop-up share feature and header.