sticky sidebar

Site URL: https://www.joleanna.com/the-blog/sydney-nicks-wedding-painting

Hi, I'm trying to custom make a sticky side-bar for the side of my blog so that that when the reader scrolls the newsletter block, future summary blog blocks, and all that stays in view. Is this even possible on 7.0 Brine without an expensive plug-in? thanks a million

46 minutes ago, Joleanna said:

I'm trying to custom make a sticky side-bar for the side of my blog so that that when the reader scrolls the [sidebar] stays in view.

Hi Joleanna

As you've already added a column to the blog for the sidebar that takes up 3 of the available 12 columns, you should be able to make these 3 columns sticky by adding something like this to Design > Custom CSS:

.Main--blog-item .sqs-col-3 {
  top: 103px;
  position: -webkit-sticky;
  position: sticky;    
}

It targets just this 3-column sidebar on blog items only.

Let me know how you get on.

Paul

Did this help? Please give feedback by clicking an icon below  ⬇️