Need help optimizing Hero section for Mobile and Desktop

Hello All,

I’ve been building my own theme but I need help getting my Hero section mobile-optimized … any tips would be greatly appreciated !!

This is what I have :

This is what I’m trying to achieve:

Basically, I want it to shrink it down, like how all the other dawn sections automatically do when displaying on mobile. I honestly forgot how to do it…again any tips in the right direction would be great !!

Preview link (password is: plswork)

https://sopk5k4rpuz7rvvl-58572865730.shopifypreview.com

Thank you

1 Like

@gthegreat

confirm look

1 Like

@KetanKumar

Hey thank you for your help, but what did you change ,I tried removing the 100% width and it now it looks like this :

It might be because I’m looking at it from the Shopify mobile setting… idk thank you again tho!!

@KetanKumar

I adjusted the height and it does shrink, but the image quality doesn’t stay consistent as it does with the other dawn section when viewing on mobile. Is there anything I can do?

Thank you !

1 Like

@gthegreat

yes you can do Desktop and Mobile Different image its best way