Horizontal scroll on product page - mobile version

Store Design
,
8

@muzzamazza , I see, try the below code:

@media (max-width: 749px) {
  .product-media-container {
    overflow-x: hidden; /* This will prevent Prevent horizontal scroll */
    max-width: 100%; /* This will check and Ensure container does not exceed viewport width */
  }

  .grid__item {
    overflow-x: hidden; /* This will prevent horizontal scroll on grid items */
    max-width: 100%; /* This will check and ensure grid items fit within the container */
  }
}

@media (min-width: 750px) {
  .sticky-product-info {
    position: sticky;
    top: 0; /* Adjust as needed */
  }
}