Sticky sidebar with Dispatch

Hi there,

try this CSS:

@media(min-width: 1024px) {
    .inside-right-sidebar {
        position: -webkit-sticky;
        position: sticky;
        top: 60px; /* offset from top of screen on scroll */
    }
}

Hi David

I still didn't download the Dispatch layout theme, will it work with it?

David has given the solution that will work on Dispatch.

You can give it a try.

Thanks, Ying!

You are welcome :)

Hi Again

I've put the code in the CSS section, and here is what I get: https://www.screencast.com/t/Ey4sqnoK
The picture on the right sidebar is way too small. I've tried every way to enlarge it, but it didn't work.
Can you tell me what can I do?

Thank you!

Hi there,

Can you link us to a sample page in question? (if you've added one before, it's wiped when the topic was marked resolved)

Hi Elvin,

I can't send you a sample page because I didn't publish it.
Know that I don't use the Dispatch magazine site with the code David sent me.
Should I use another sidebar sticker code or plugin? If so, which one would you suggest?

Can you share the credential and the link to the page using the private info field?

We can't make up CSS without seeing the site, guessing what the cause of the issue is not an efficient way for both of us.

Hope you can understand :)

Hi Ying

Ok, I'll publish it and I'll send it to you:)

Here is the URL: https://cruisingsea.com/

As I can see, the Sticky CSS is working perfectely.

The image is small because there're 50pxpaddings around it.
https://www.screencast.com/t/bXZGfkg8oRv

Go to customizer > layout > sidebar, reduce the widgets paddings.

Thank you, but can you tell me how I can enlarge it?

The size of the picture in my library is 650 x 450, how come it's so small on the sidebar? Can you tell me how to enlarge it please?

https://www.screencast.com/t/BCq0GuLqqlEn