Browse by Section

Bright Pixels Monogram

Sticky Headers 

Jeremy Keith:

I made a little tweak to The Session today. The navigation bar across the top is “sticky” now—it doesn’t scroll with the rest of the content.

I made sure that the stickiness only kicks in if the screen is both wide and tall enough to warrant it. Vertical media queries are your friend!

Some practical advice when creating these sticky headers so you don’t mess anything up accessibility-wise.