Horizontal scroll on product page - mobile version

Store Design
,
9

Hello @muzzamazza

If you are still facing the same issue even after applying below solutions, please try by following this steps:

  1. Go to admin > online store > edit code.

  2. In code directory, find the file named “section-main-product.css” and open it.

  3. Copy below given code and paste it at the end of the file that mentioned above.

@media (max-width: 749px){
   .product__media-wrapper slider-component{
     width: 100%;
     margin: 0 !important;
   }
   .product__media-wrapper .product__media-item {
     margin-left: 0 !important;
   }
}
  1. Don’t forget to save the file after making changes.

Hope this solution works best for your issue than other solutions.