Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

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

Open
dallanlee opened this issue Oct 11, 2019 · 0 comments
Open

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

dallanlee opened this issue Oct 11, 2019 · 0 comments

Comments

@dallanlee
Copy link

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)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@dallanlee