alexsev

Could you please let us know the steps we need to take in order to reproduce the issue?

We can see the icons when checking from our end – https://www.screencast.com/t/t8fRSIVhrM

Could you please clear cache? By that, I mean the browser cache, see https://www.solutionbay.com/solutions/dont-know-how-to-clear-the-cache-1
?

Oh wow, we already fixed a lot for you! Wouldn’t it be fair to upgrade at some point? ??

In any case, this fix should work:

@media (max-width:767px) {
.sfsi_plus_Sicons .sf_fb .fb_iframe_widget>span {
margin-left: -11px;
}

.sfsi_plus_Sicons .sf_fb {
display: inline-flex !important;
margin-left: 0;
}

.sfsi_plus_Sicons .fb_iframe_widget {
margin-top: 0 !important;
}

.sfsibeforpstwpr .sfsi_plus_Sicons {
display: inline-flex;
align-items: flex-start;
}

.sfsi_plus_Sicons>div:first-child {
display: none !important;
}

.sfsibeforpstwpr {
margin-top: 15px;
}
}

Since you edited the CSS rules by yourself, this makes it complicated to correct the position of the icons now. This goes beyond the free support we offer here. We can investigate more as part of this plugin https://www.ultimatelysocial.com/usm-premium/

The WPtouch (WPtouch) plugin conflicts with our plugin and because you added some custom CSS to adjust the icons on desktop, it also affected the mobile version.

Pleas add the following CSS in Admin Panel > Appearance > Customize > Additional CSS

@media (max-width:767px) {
.post-page-content .sfsibeforpstwpr,
.sfsibeforpstwpr,
.sfsi_plus_Sicons .fb_iframe_widget {
margin-left: 0 !important;
}

.sfsi_plus_Sicons img {
margin: 0;
}
}

Your theme is blocking the floating icons on the homepage. Could you please try adding it manually by shortcode instead?

Please add this code:

div#sfsi_floater {
width: unset!important;
}

in your theme’s CSS section. Does that solve the issue?