Tagged: margin-top, social share buttons
Hello together,
When I am using the social share buttons content element above certain other content elements like texts or separators, the default margin-top of the text or separator does not start below the social share buttons but rather slides into the social share buttons. In return the specific content element slides way to close to the social share buttons.
So far I can use a workaround by adding the whitespace content element (even with whitespace set to 0px), which restores normal behaviour strangely enough.
It seems to me that this is no intended behaviour and looks like a bug.
How can this be fixed?
Best regards,
Marc
Hey Marc,
Thanks for the link, though it looks fine on my end. Are you referring to that they are too close to the comment section at the bottom maybe? If not then please try to explain a bit further or post a screenshot of the problem.
Best regards,
Rikard
No problem, I am talking about the top social share buttons right below the header.
Right now I have added a whitespace with 0px so it looks ok, but as soon as you remove the whitespace, the social share buttons “swallow” the margin of the next element.
I have added a comparison screenshot in the private content section for you as well.
Hi,
Thanks for the clarification, I see the same thing on my end. Please try to remove the white space element and add this to Quick CSS:
.single-post .av-social-sharing-box:first-child {
margin-bottom:40px;
}
Best regards,
Rikard
Thank you, I just wanted to report this for you to forward it to the dev team as it seems like this behaviour is not intended.
Hopefully it can be fixed in the next release.
Hi,
Sure thing! Thank u for your patience and understanding – we appreciate it a lot!
Best regards,
Basilis
Perfect, the ticket can then be closed now.