Hi all, in the newest version of Symmetry theme, there is 0 padding around the product image in mobile product page (screenshot attached below). How can I add white padding around all the sides of the product image? This is only an issue for mobile website. Desktop is fine.
URL: https://www.urbanframes.ae/products/symbol-of-a-nation
Thanks!
Try adding this to the bottom of styles.css in the code editor (located under Assets).
@media only screen and (min-width: 750px) {
.rimage-wrapper .rimage__image {
padding: 35px;
}
Actually, I thought this resolved it, but it is adding a padding to ALL images across my website and ruins everything. How can I do it ONLY for product page images?
Appreciate the support.
