Corner radius on product media

Technical Q&A
,
1

I use horizon and for some reason I cant see my set product radius on my product media on product page. It shows on desktop version but not mobile. I’ve used padding and tried out many things but just cant seem to see it on mobile version only?

2

In the official demo of horizon theme, there is no border radius to the productt media. See ScreenShot below:

image
image1920×985 201 KB

But if it’s showing the border radius, then it means that you’ve added the border radius from the customizer.

Can you please share your store url so that I can take a look from my end and provide you the solution code.

3

Hey @omoot1

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

4

Yes, Horizon family themes do not round media corners on mobile.

You can try adding this code in the “Product information” section “Custom CSS” setting:

.product-media-container {
  --corner-radius: var(--media-radius);
}