Suggestion: Use sticky positioning for cutestrap.com's top nav `.toolbar`
dallanlee opened this issue · comments
dallanlee commented
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)