Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 5, 2025 at 6:17 pm #1480834
    mosaic

    Hi, my WooCommerce product images are full width when viewed on mobile on my websites that use other themes. On my Enfold website they aren’t full width on mobiles and have white space on the right of the image.

    April 5, 2025 at 11:00 pm #1480848
    Mike

    Hey mosaic,
    Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

    @media only screen and (max-width: 767px) {
    .responsive .single-product-main-image {
       margin: 0;
    }
    .woo-variation-product-gallery {
       width: 100%;
       margin-bottom: 0;
    }
}

    see the screenshot below for the expected results.

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.