Left margin on all the product page

Store Design
1

78C3232E-9675-4DB1-9CE1-E5ECCB3786DC.jpeg
78C3232E-9675-4DB1-9CE1-E5ECCB3786DC.jpeg1170×2532 170 KB

Hi i have weird problem that appears on my site only in the product page i got this left white line margin that on the left side on the screen and i done know why is that

i check other pages and it ok without this problem

pls if someone could help it will be great

i upload 2 images of the problem on the product page and 1 image on regular page without the problem

my link to my site where product page - https://flexmoreil.com/products/איזי-נעלי-יחפנים-אורטופדיות

EEEFEDB2-88C1-4028-B057-8800D4536D4C.jpeg
EEEFEDB2-88C1-4028-B057-8800D4536D4C.jpeg1170×2532 223 KB

FF7E7D9F-E505-4C03-8023-A90C6D967DC0.png
FF7E7D9F-E505-4C03-8023-A90C6D967DC0.png1170×2532 236 KB

2

Hello @Roeiam

Add to your theme’s CSS

  1. Log in to your Shopify Admin.
  2. Go to Online Store → Themes.
  3. Find your current theme → Click Actions → Edit code.
  4. In the Layout folder, open theme.liquid.
  5. Inside the <head> tag (before </head>), add this:
<style>
  body {
    overflow-x: hidden;
  }
</style>
  1. Save changes.
3

You see a bit of the second image because that’s a function of your product image slider. It lets visitors know there are more reviews, so they can swipe to see more photos. But you don’t want them to miss it; you can add this code to Custom CSS in Theme settings.

.product__media-wrapper {
    overflow: hidden;
}

Best regards,
Dan from Ryviu: Product Reviews App

6

The actual root cause of this issue is the facebook reccomend widget: Screenshot by Lightshot
You can fix it by the whole issue by adding below css in to your theme css file:

@media screen and (min-width: 750px) {
  .product__info-container>*:first-child {
      white-space: normal !important;
      height: 40px !important;
      line-height: 1.2 !important;
  }
}

Thanks