Topic: Sticky sidebar (last container only)

pepperventures
July 8, 2024 at 10:45 pm

Hi there, I’ve seen a number of other posts about this and have tried some of the other CSS your team has provided but I can’t get it to work the way I want.

You can see my sample page here: https://dev.thebabyswag.com/best-baby-formulas/

This is what my element look like: https://postimg.cc/kDvxpRzG. I would like the last container (which is currently just the grey placeholder image) in the right sidebar to be sticky.

I found this code in another topic but it didn’t work.

`/* Stick last widgets in sidebars */
@media(min-width: 769px) {
.inside-right-sidebar,
.inside-left-sidebar {
height: 100%;
}
.inside-right-sidebar .widget:last-child,
.inside-left-sidebar .widget:last-child {
position: -webkit-sticky;
position: sticky;
top: 60px;
}
}

Any help would be greatly appreciated!

Alvind

July 8, 2024 at 10:53 pm

Hi there,

Replace the CSS with this:

/* Stick last widgets in sidebars */
@media (min-width: 769px) {
  .inside-right-sidebar,
  .inside-left-sidebar {
    height: 100%;
  }
  .inside-right-sidebar .custom-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 60px;
  }
}

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

Are you a GenerateCustomer?

Just browsing?

Sticky sidebar (last container only)