making a map block sticky in an Index page with 2 columns

On 8/4/2021 at 4:43 AM, alynch said:

Site URL: https://www.ljathenaeum.org/murals/#artists-2

Site URL: https://www.ljathenaeum.org/murals/#artists-2

Hello!

In an index page section I have two columns: a summary block on the left and a map block on the right. I would like to make the map block on this index page section sticky. If possible, I would like it to be sticky for only the length of the summary block in the column to its left. I'm not sure what I'm doing wrong, and any insight would be appreciated. I'm not sure if this is affecting it, but both the map and the summary block are utilizing Lazy Summaries. This would only be for desktop view, as I have the columns stack in tablet and mobile views. Thanks so much!

-alynch

try

#block-yui_3_17_2_1_1601407006045_59630 +  .row .span-3 {
  position: sticky;
  top: 50px;
}
#artists-2.Index-page {
  overflow: visible;
}