Demo: Slide content under header

Created some CSS classes for when you want a translucent header bar and want the contents of ion-content to slide under the header bar when you scroll.

Contains classes for header, no header (for when you’re hiding the nav-bar) and for when you’re using tabs.

Maybe useful for someone.

1 Like

Very nice. I just changed this to be classified as a demo.

Actually found a bug in this because Codepen sometimes doesn’t seem to save correctly.

Correct link is:

Updated the previous post as well.

Is there an updated CodePen of this demo somewhere?

Updated CodePen