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
The topic ‘My product pictures cannot be displayed perfectly on the mobile phone’ is closed to new replies.
.
