Hi,
While it is technically possible to prepare custom code for your layout, without knowing all the types of your products, single product settings, and specific product gallery configurations (including the presence of thumbnails, their quantity, and their position on the side or below), we cannot guarantee it will work perfectly on the first attempt. This approach might also require several iterations and could be quite complex.
Since you are using the product layout builder, we suggest a simpler and more native solution from the perspective of the WPBakery page builder to reduce the size of the product gallery on the single product page. This approach will also be more reliable for future updates. In this case, you need to:
1. Open your product layout in the WPBakery editor.
2. Go to the settings of the “Product gallery” element.
3. In the Design Options tab, set equal padding for the left and right sides of your gallery for desktop using pixels or percentages (e.g., 10%). (Screenshot: https://monosnap.com/file/XRqrT7z4x4gOtj0z8LuRaSHkO5RY1n)
4. Remove this padding on the mobile by setting the side paddings to 0. (Screenshot: https://monosnap.com/file/8apBhBGV6iOyIUSCy5PhpT2iwha6hx)
Kind Regards
.
