My product pictures cannot be displayed perfectly on the mobile phone

After I installed the Basel theme, I found that my product image can’t fill the entire page. Just like picture 1（The product link is this：https://www.wormholetattoo.com/product/best-tattoo-pen-for-professional-tattoo-artist/）. Another website of mine can do it，I use woodmart for that website.
I want to know how to set the phone’s main image to fill the page, like the picture 2 and picture 3.（The product link is this：https://www.wormholetattoosupply.com/products/wormhole-tattoo-machine-kit-with-2-machines/，or this：https://www.evanhair.com/product/short-cut-water-wig-front）
Please help me，thanks

Attachments:

You must be logged in to view attached files.

Hello,

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

.product-image-summary .product-images {
	margin-left: -30px;
	margin-right: -35px;
}

Best Regards

Thank you very much for the code, I add this code to the Theme Settings > Custom CSS > Global, Although the mobile does look perfect, this code destroys the appearance of the computer, so I added this code here: Settings > Custom CSS > Custom CSS for mobile，My problem has been solved perfectly, without destroying the computer, and the mobile has also become perfect, thank you, you solved my problem

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts