[Support request] Coach Theme Sticky Sidebar Code

Home Forums Support Coach Theme Sticky Sidebar Code

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1483648
    Christian

    Hi!

    I would like to add a sticky sidebar to my blog page and individual posts and would prefer not to add an additional plugin.

    Can you provide sticky sidebar code to add to the Additional CSS please?

    Thanks in advance!

    Christian

    #1483799
    Elvin
    Staff
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

    #1483812
    Christian

    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/

    #1483855
    Elvin
    Staff
    Customer Support

    You can try this CSS code:

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

    Let us know if it works for you.

    A wise man once said:
    "Have you cleared your cache?"

    #1483871
    Christian

    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

    #1483876
    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

    #1483881
    Elvin
    Staff
    Customer Support

    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.

    A wise man once said:
    "Have you cleared your cache?"

    #1483885
    Elvin
    Staff
    Customer Support

    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. 🙂

    A wise man once said:
    "Have you cleared your cache?"

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.