Unwanted white space on right-hand side when viewed on mobile.

Hello,

You need to try this in your Custom CSS for achieving that:

.norm_row.sfsi_wDiv {
    width: auto !important;
}

Thank you.

Thanks. Tried adding that into my child CSS, but the problem still happens (left it there for now so you can see). ??

Any other ideas?

Hello,

Please try clearing your cache or try testing in another device for that. As I can not see any scrolling effect now what I saw yesterday.

Looking for your reply. Thank you.

Issue is still happening. If you click on the first article (“The BiOrbAir and traditional terrariums”) you’ll see it. Any ideas?

Thanks for the help.

(happens for other articles too)

Hello,

Try this also in your Custom CSS for achieving that:

.sfsi_Sicons .sf_fb .fb_iframe_widget > span {
  width: auto !important;
}

Also your site is using traditional table method to show the image and texts in the page rather than divisions for making the site responsive. So in mobile screens it is showing a bit odd.

Thank you.

That fixed it, thanks. I think that style is for the social sharing icons, so maybe I’ll just remove them from the site.

I like tables. No reason they should cause a problem (and they render nicely on my phone). ??

Appreciate the help!

Hello,

I am glad you found my help useful. Please mark this topic resolved.

Thank you.