Dawn Theme - Image Cut Off On Mobile View. Please help ?

Hey all! :grin:

I’m currently using Dawn Theme for me website & I noticed that the banner photo looks great but when I switched it to mobile version, it get cuts off at both ends. I tried so much suggestions online, but none of them worked. Please refer to the photos below for your reference -


Web Version


Mobile Version

Any help would be greatly appreciated! Thanks in advance!

Hey @fahmicrile

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

Hey Moeed!

Thanks for reaching out! Is there any way I can share with you my password in private? Many thanks once again!

Hey @fahmicrile

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag


RESULT:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

Hi Moeed you’re a legend! It works on mobile view now :grin: Just one last question please! Do you think its possible for the photo to cover the gray vertical spaces? Thanks once again!

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

Hi.

I’ve tried to follow above but it doesn’t work for me. See screenshot. The left side is all cut off.