Coach Theme Sticky Sidebar Code

Hi,

Can you link us to the site in question? So we could take a closer look on the page and write the proper selector for the CSS code.

Thank you.

Sure!

Here's the link to the main blog page: https://body360fit.com/blog/

Here's a link to an individual blog post: https://body360fit.com/full-body-kettlebell-workout/

You can try this CSS code:

.inside-right-sidebar {
        position: sticky;
        position: -webkit-sticky;
        top: 50px;
}

Let us know if it works for you.

Elvin,

That worked to an extent. The sidebar is now sticky, but the entire length of the sidebar is not visible with scroll. Is there a way to get the entire sidebar to appear?

i.e. categories and archives.

Can you please take a look at the links again to see what I mean.

Here’s the link to the main blog page: https://body360fit.com/blog/

Here’s a link to an individual blog post: https://body360fit.com/full-body-kettlebell-workout/

Many thanks,

Christian

Elvin,

Apologies—I realize now that the full sidebar appears as you scroll all the way to the bottom of the post.

Thanks again for great customer support!

You guys are awesome!

~ Christian

Is there a way to get the entire sidebar to appear?

The way to make the entire sidebar appear all at once on the viewport is to reduce its size or content.

As it is, the height of your sidebar is 2367px. That's like more than twice as large as a 1080p viewport.

That said, its definitely too large to display sidebar contents all at once on screen not larger than 1080p.

If you want the whole sidebar to appear all at once within the viewport, you may have to consider removing things so they can fit.

Apologies—I realize now that the full sidebar appears as you scroll all the way to the bottom of the post.

Thanks again for great customer support!

You guys are awesome!

No problem. :)