Sticky share at the bottom of the page

Hi there,

Have you added the share buttons yet?

yes, the link to my page is in the private information

The social share is located at the right bar - below the Post author name.

Hi there,

can you remove the current CSS you have for the Sticky Share container and sticky share element - then we can see what CSS is required.

Ok.. it is removed.

Hi Anders,

Try this CSS:

.gb-container.gb-container-bc2eca0f.sticky-share-container {
    position: sticky;
    top: 800px;
}
.inside-right-sidebar {
    height: 100%;
    display: flex;
    flex-direction: column;
}

Let me know :)

Hmm not working.. I think the top: 800px is the issue.. Also when used on other posts.

Seems to work with

.gb-container.gb-container-bc2eca0f.sticky-share-container {
position: sticky;
top: 70%;
}

Is that a ok CSS?

I'm on a smaller screen size... 13" mac - there you can't see the "social share"

Yes, that's a better way :)

Could also try this:top: calc( 100vh - 178px);

178px is the height of the block, 100vh is the screen height, so no matter how big the screen is, the block will show at the bottom of the screen.

Great thanks