Jump to content

Sticky Section

Recommended Posts

Hello!

I've tried just about every sticky code I could find to get this section to stick but nothing has been working and I can't figure out why.

https://pelican-mayflower-36wy.squarespace.com

Password:  Lincoln22

 

On the "About Us" section, I'd like the 3rd section with the horizontal text box to stick when scrolling (these will be anchor links for each section down the page eventually).

This is the current code using the section id:

[data-section-id="638be36f99d1a11c19df1661"] {
  position: sticky;
    top: 0px;
    position: -webkit-sticky;
    z-index: 9999;
}

 

I've tried adding !important, I've tried using the text block id, I even tried adding a div code to identify the block, I just can't seem to get it to stick.  Any help would be appreciated!

Thank you!
Blayne

Screenshot 2022-12-04 at 12.34.16 PM.png

Link to comment
  • Replies 8
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

6 minutes ago, BlayneG87 said:

I've tried just about every sticky code I could find to get this section to stick but nothing has been working and I can't figure out why.

The sticky element appears to be working for me.

image.thumb.gif.f2c1e2fb60c82e0ebb9c16a6e7173faf.gif

Edited by paul2009

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment
24 minutes ago, BlayneG87 said:

Just curious what browser you are using?

It is working on the latest Chrome, Firefox and Safari for me.

About: Squarespace Circle Leader since 2017. I value honesty, transparency, diversity and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™. 
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Catch up on all the release notes and announcements 2023 [for Circle members only]. There's a public version here too!
If I helped, you can thank me by clicking one of the emojis below. If you prefer, you can buy me a coffee.
Improve your online store with our extensions.

Link to comment

Have you tried looking at the page in private browsing? What happens? What OS and browser are you using?

You also might try rearranging some of the parameters.

[data-section-id="638be36f99d1a11c19df1661"] {

  position : -webkit-sticky;
  position : sticky;
  top : 0px;
  z-index : 9999;
  
  }

 

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment

@creedon thanks for checking and letting me know it works for you as well.

I'm on macOS/chrome as well.  I tried incognito and still wasn't able to see the section sticking.

Maybe it's some glitch in Squarespace?  Not sure why I would be unable to see it but it works for others who are not actively editing in the program. 

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.