Changing boarder radius for mobile only

Hello all,

I have this page set up with very rounded corners which looks great on desktop, but looks weird on mobile. I am trying to make all of the corners of my images on certain pages have a uniform radius when on mobile. Does anyone know how I can accomplish this?

Thank you in advance.

URL: https://oriole-purple-tlln.squarespace.com/about-us

PW: Batteryboys

Hi,

The image looks fine. Can you describe it detail?

Hi tuanphan,

I am trying to make all corners of the image and shape below the image have a radius of 20px when viewing on mobile. Currently on desktop the image is 400px x 400px x 10px x 10px. Is it possible to change the image corner radius based on the viewing device?

Thanks!

On 4/11/2023 at 12:09 AM, Mork_Walfe said:

Hi tuanphan,

I am trying to make all corners of the image and shape below the image have a radius of 20px when viewing on mobile. Currently on desktop the image is 400px x 400px x 10px x 10px. Is it possible to change the image corner radius based on the viewing device?

Thanks!

Hi,

You mean this?

@tuanphan,

Ideally all of the images would look like that when viewing in mobile. Currently, lots of the images that are  curved and end up looking like this. I am trying to make this a rectangle with slightly curved corners when on mobile.

Thank you for the reply.