Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 1

Fixed Header Content Overlap Issue on Index Pages


merrymoondancer

Question

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
  • Answers 4
  • Created
  • Last Reply

Top Posters For This Question

4 answers to this question

Recommended Posts

  • 0

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

@merrymoondancer Remove your code & add this new code

header.Header {
    position: sticky;
	position: -webkit-sticky;
    z-index: 9999;
    width: 100%;
    top: 0;
}

 

Link to post
  • 0
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?

Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...