Archived topic
Social Share buttons only in post and fixed in sidebar
34 replies · Started by Santa on March 3, 2019
Ok, so these next steps:
1. Go to Appearance > GP Social Settings --> Settings Tab. And Click Disable Hook.
2. Add this CSS:
#gp-social-share {
position: sticky !important;
position: -webkit-sticky !important;
flex-direction: column;
margin-left: -45px !important;
top: 80px;
}
.single-post .entry-header {
margin-top: -128px;
}
.single-post.separate-containers .inside-article {
padding-left: 60px;
}
@media (max-width: 768px) {
.single-post.separate-containers .inside-article {
padding-left: 60px;
}
}
Thanks!
It made them vertical, thats great!
When adding the CSS it shows (!) where the sticky is written.
It also appears that when its -128 the site text is too high.
Can the icons be changed from sticky to fixed? But when scrolled to top, they could stop scrolling where the white background ends? Is it possible and how hard could it be to do it?
Thank you for your help!
I am getting Server Unreachable again....
Thanks for letting me know. I have added a domain name, it should be possible to reach it now.
Can you add back the code etc...
The ! beside the Sticky property in Additional CSS can be ignored. The Customizers lint (code checker) doesn't support 100% of CSS3 properties but it works.
Thanks, yes the code works. How to make it sticky and more on left?
Thank you very much!
I guess the comments box is fine and will stay the same.
Thank you for helping!
you're welcome.
Sorry missed the comments request - making sidebars appear before it on mobile is really really difficult it would require serious custom development... sorry
Hi! Maybe you can help with one more question.
I have an image on the right sidebar that I would like to be sticky as well when scrolled down.
How to do it? And how to remove website field from comments?
Thank you!
Tricky one to make image stick as well - but try this:
@media (min-width: 1024px) {
.site-content {
position: relative;
}
#right-sidebar {
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
.inside-right-sidebar {
height: 100%;
}
.inside-right-sidebar>p {
position: -webkit-sticky;
position: sticky;
top: 80px;
}
}
Remove comments URL field - Tom provides a PHP snippet here:
Thank you, it works!
You're welcome
Hello! I am interested in the same solution.. I´d like something like this in one of the Generatepress´s themes: https://generatepress.com/site-library/
To be more specific, I am using GP´s Merch template. I am trying to get it through GP Social Settings, but I don´t get it.
Could you please help me with this issue? Thanks in advance
I am trying that social share buttoms be situated in the same place as in GP´s Liberte theme posts, but using GP´s Merch template. Is it that possible?