Fixed Header Mobile

  • 3 December 2017
  • 5 replies
  • 6 views

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?


5 replies

Userlevel 6
Badge +3

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

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

Userlevel 6
Badge +3

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.

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

Userlevel 6
Badge +3

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

Reply