merrymoondancer 0 Share Posted November 17, 2020 Site URL: https://rootstocanopy.squarespace.com I have a fixed the header on this site but am getting content overlap on the index sections when using jump links to navigate the page. Here is the code I am currently using: /* header freeze */ .Header { position: fixed; z-index: 9999; width: 100%; top: 0px; } .Content-outer { margin-top: 100px; } /* end header freeze */ Link to page for example: rootstocanopy.squarespace.com/consulting Password: roots Thanks for any help! Link to post
0 Kuda 0 Share Posted November 19, 2020 Hi @merrymoondancer, I have the same problem. Did you find a solution yet? I am not that good with code and I tried a lot last night. I am tired and planning to get rid of the fixed header. Please let me know if you find a solution. Thanks. Link to post
0 tuanphan 9,335 Share Posted November 20, 2020 @merrymoondancer Remove your code & add this new code header.Header { position: sticky; position: -webkit-sticky; z-index: 9999; width: 100%; top: 0; } You can send your question to my email to get faster answer. 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 merrymoondancer 0 Author Share Posted November 24, 2020 @tuanphan I tried this and it still doesn't work. Still jumps to a point past the header of the section. Anything else to try?? Thank you so much for your help! Link to post
0 tuanphan 9,335 Share Posted December 3, 2020 On 11/24/2020 at 10:41 PM, merrymoondancer said: @tuanphan I tried this and it still doesn't work. Still jumps to a point past the header of the section. Anything else to try?? Thank you so much for your help! Have you solved it yet? You can send your question to my email to get faster answer. 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
merrymoondancer 0
Site URL: https://rootstocanopy.squarespace.com
I have a fixed the header on this site but am getting content overlap on the index sections when using jump links to navigate the page. Here is the code I am currently using:
/* header freeze */
.Header {
position: fixed;
z-index: 9999;
width: 100%;
top: 0px;
}
.Content-outer {
margin-top: 100px;
}
/* end header freeze */
Link to page for example: rootstocanopy.squarespace.com/consulting
Password: roots
Thanks for any help!
Link to post
Top Posters For This Question
2
2
1
Popular Days
Dec 3
1
Nov 17
1
Nov 19
1
Nov 20
1
Top Posters For This Question
merrymoondancer 2 posts
tuanphan 2 posts
Kuda 1 post
Popular Days
Dec 3 2020
1 post
Nov 17 2020
1 post
Nov 19 2020
1 post
Nov 20 2020
1 post
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