tylerchilds / cutestrap

A strong, independent CSS Framework. Only 2.7KB minified & gzipped.

Home Page:https://www.cutestrap.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Suggestion: Use sticky positioning for cutestrap.com's top nav `.toolbar`

dallanlee opened this issue · comments

If you set the .toolbar (first child of <body>) to position: sticky you won't need to set a margin-top on the <html> which is easier to maintain and allows writing less styles if you want to change the height/elements within the top nav at different media query breakpoints. I wonder if it's more performant for mobile devices as well 🤷🏼‍♂️ I remember apple.com had their top nav (mobile only) using position: sticky but now they are using position: fixed 🤔 (Though that appears to be for the blur effect they have)