Problem with image being cropped out on mobile view

Hey everyone,

I am having an issue with my image on site being cropped out. When I view it in my theme customisation, it looks perfectly okay, however, when I upload it and view it on the webpage, the image is cropped so you can’t see the writing, and also on the mobile view, it crops it. How can I fix this to make sure the image is resized and not cropped? This is multi-row content, and it is on my main page. I tried clicking on the element, but there is no feature to click to adapt image size or anything as such. Please help. Thank you.

I need to know what theme you are using

Hi @PawelJ7

Dan here from Ryviu: Product Reviews & QA.

Could you share your store URL so I can give you the code to solve it?

Best Regards,

Dan

Hey I am using the Dawn theme

Hi Dan, yes of course here it is!

https://furrysteam.com/

Thank you for this! But could you help me with being able to identify that image on the css to know where to insert the code? I am not that good with the css.

I opened up the html console and this is the code

Hi Sonya,

No, I am so sorry, I made changes and uploaded the cropped image just 2 days ago. I was annoyed that the original image was being cropped, so I cropped it myself and changed the focus point to make it less obvious. i just changed it back to the original on my site, so you can please check. I attached screenshots showing the image should be full, but it gets cropped. Please help.

Yes it worked! Thank you. You are amazing!