rschnell1 0 Share Posted August 16, 2019 (edited) Wondering if anyone has CSS code to make sure my navigation remains fixed at the top of the browser on PC, as well as mobile. I know there are some out there, but looking for any that have been vetted. Thanks! Edited August 16, 2019 by rschnell1 Initial Revision Link to post
0 Bill1965 1 Share Posted August 16, 2019 (edited) I'm making the site 1800px max for now, so I put this: .Header (this will fix it in place) {position: fixed; (site width) width: 1800px; (not sure this is necessary) margin: 0; (so it's on top of all the layers) z-index: 1000;} My site is actually not 1800px wide, because I have side padding, but however the SP code was written, it disregards the padding amount and it works with matching the header size here to the site width. Now I got to figure out how to make it shrink down. Will post once I figure it out. If your site stretches all the way across, you can put "width: 100%;" Edited August 16, 2019 by Bill1965 Link to post
0 tuanphan 9,572 Share Posted August 17, 2019 @rschnell1 Can you share site url? I don't see fixed menu on Brine Template Demo Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 rschnell1 0 Author Share Posted August 17, 2019 my site is: robertschnellphotography.com I have not made any changes now though. Link to post
0 tuanphan 9,572 Share Posted August 17, 2019 @rschnell1 Add to Home > Design > Custom CSS /* Fixed Top Header: Logo, Social Icon */ header.Header.Header--top { top: 0; left: 0; right: 0; z-index: 999; position: fixed; } /* Fixed Navigation */ header.Header.Header--bottom.Header--overlay { position: fixed; top: 70px; left: 0; right: 0; z-index: 999; } Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
Question
rschnell1 0
Wondering if anyone has CSS code to make sure my navigation remains fixed at the top of the browser on PC, as well as mobile. I know there are some out there, but looking for any that have been vetted.
Thanks!
Edited by rschnell1Initial Revision
Link to post
Top Posters For This Question
2
2
1
Popular Days
Aug 17
3
Aug 16
2
Top Posters For This Question
rschnell1 2 posts
tuanphan 2 posts
Bill1965 1 post
Popular Days
Aug 17 2019
3 posts
Aug 16 2019
2 posts
4 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment