Single product picture no gaps

I want to open a single product sheet on the mobile phone, occupying the full width, no gaps on both sides and the thumbnail below becomes a point, do not with pictures,

Attach pictures

Link open on phone: https://www.crioa.com/product/black-and-white-gingham-ruffled-one-piece-swimsuit-2/

Hello,

If we remove all the paddings and margins, the carousel would not look smart https://prnt.sc/s4gp7g

Best Regards

Is there any way to sove?

Hello,

Do you want to remove the gaps on image only or on the whole page, please provide the screen and show we shall work on another solution.

Best Regards

I want to remove the gaps on the image.

Reference URL: http://www.cupshe.com

my website: http://www.crioa.com

Please open on phone.

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:

body .woocommerce-product-gallery {
  margin-left: -45px;
  margin-right: -45px;
}
body .single-product-content:not(.product-quick-view) .woocommerce-product-gallery__wrapper {
  padding-right: 0;
}

The HTML structure does not have pagination and it is not possible to add it with CSS.

Best Regards

[Author]

Posts