Troubleshooting the position:sticky on an Archive block

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

Where is archive block?

Are you able to find it? It's a grey box currently fixed at the top of the screen.

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

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.