Jump to content

Sticky Sections Issue

Recommended Posts

Hello all. I have one issue that is keeping my website from being complete. I want the second section to be "sticky" which is the only one that scrolls "over" the first section, but this has caused the other sections at the bottom to do the same. How do I prevent this from happening? I've tried to make the last two sections position absolute which pretty much breaks it. 

 

nickreiswig.com/coinbook-v1

Link to comment
  • Replies 1
  • Views 1.2k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

4 hours ago, NickBnW said:

Hello all. I have one issue that is keeping my website from being complete. I want the second section to be "sticky" which is the only one that scrolls "over" the first section, but this has caused the other sections at the bottom to do the same. How do I prevent this from happening? I've tried to make the last two sections position absolute which pretty much breaks it. 

 

nickreiswig.com/coinbook-v1

 

 

this is the code used for the first two sections: 

 

section[data-section-id="64a1969b1e2c82683c3c23b0"],
section[data-section-id="64a177fa7800c72b476a409d"]
 {
   position: sticky !important;
  position: -webkit-sticky;
  top: 0px;
}
 

Link to comment

Create an account or sign in to comment

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


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.