Scale down image to fit container for image with text on Dawn theme

[Dazhal]

For Dawn Theme, image with text.

Currently my image will not fit. I don’t want the image and text section to over lap or the image to be cropped or distorted. I want the image to use the object-fit scale down or contain.

The below logo contains the word “Lossnay” and the y on the end is being cropped.

https://dd42f1-55.myshopify.com/pages/heat-recovery-ventilation

Password: staetu

Thank you

[BSSCommerce-B2B]

@Dazhal

Step 1: Go to Admin → Online store → Theme > Edit code

Step 2: Find the file theme.liquid

Step 3: Paste the below code before on theme.liquid

Result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you

[Dan-From-Ryviu]

Hi @Dazhal

Please add this code to Custom CSS of that section

img { object-fit: contain !important; }

[topnewyork]

Hi @Dazhal ,

1. Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!