kennethgroning

So I reached out to the nice people at SiteOrigin and asked for their help. The site is build with one of their themes. Alex from their support provided this script:

ul.heateor_sss_sharing_ul {
width: 100%;
text-align: center;
}

ul.heateor_sss_sharing_ul li {
float: none !important;
display: inline-block;
}

And it did the trick! Oh, and in the settings of the Sassy plugin you have to choose left alignment.

Okay, on mobile (vertical) it’s almost center aligned, but if you turn the mobile to horizontal the icons aligns to the left again. On desktop/laptop the icons stay left aligned, not centered at all…

Thanks, but that doesn’t work – the icons go back to being left aligned. That goes for both desktop/laptop and mobile. I tried decreasing and increasing the pixel width in the script, but only difference was the icons started getting stacked with the decrease.

Yes that is much better – it works fine on laptop and desktop but it is still off center on mobile.. can this also be fixed? Thanks!

Hi Heateor,

Thanks, but the css doesn’t seem to change the position (I copy-pasted from your post)
Can you take a look at it again?
I appreciate your help with this!

Hi

I get the same behavior when using SiteOrigin Page Builder and adding the information/videolinks in the row section.
It doesn’t happen when the information/videolinks are added with a #container in the page edit mode. But if you want to have two video backgrounds in different sections on a page you really need to be able to make it work within the row..

Kenneth ??