How to fix image resizing issues on wide monitor desktops?

ChadMallory · ‎05-18-2023

Hi there,

I'm currently using the Dawn theme. I have 25 custom product templates that each have their own image banner included on their respective product detail page. The image banners look great on mobile and a standard size desktop (i.e. laptop screen). However, when I view the image banner on a wide monitor the images cut off the text. Is there a way to code that says "if a screen has x and y dimensions, do not zoom in/crop the photo"?

Attached you'll find a picture of what it looks like on a standard desktop (intended view) and also on a wide monitor desktop (not intended view).

made4Uo · ‎05-18-2023

Hi @ChadMallory

If you need to add a text, I recommend using HTML so it will be responsive. It will be hard to keep the text visible in the different screen sizes

If this fixed your issue Likes and Accept as Solution is highly appreciated.☕ Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free

ChadMallory · ‎05-18-2023

Hi there,

Were you able to see my attachment? Unfortunately, I'm not able to replicate the same type of intended design work and text in HTML. It has to be a photo.