Jump to content

Troubleshooting the position:sticky on an Archive block

Recommended Posts

Site URL: https://www.anybodysautos.squarespace.com

Hi frens,

I threw in this simple CSS to make the grey Blog archive on the right sticky to the top, but the position is not working. I've been reading up on the overflow:hidden attributes of a parent element, but I can't find any codes to overcome that... What am I doing wrong?

li.archive-group {
  position: sticky;
  background: grey;
  color: #ffffff;
  top: 20px;
  z-index:1000;
  width:100%;
  padding-top: 17px;
  padding-bottom: 17px;
  padding-left: 17px;
  padding-right: 17px;
  box-shadow: 3px 3px 7px rgba(0,0,0,0.5)
}

The password for this site is: AutoSales

Edited by HansenCreations
Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

  • 1 month later...
9 minutes ago, Mariela said:

Hi! I have the same issue! Did you ever find a solution? 

Can you share link to page where you use Archive block? We can check easier.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.