Solved

Need help optimizing Hero section for Mobile and Desktop

gthegreat
Shopify Partner
60 1 13

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 :

gthegreat_0-1656770380169.png

 

 

This is what I'm trying to achieve:

gthegreat_1-1656770412893.png

 

 

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 

Accepted Solution (1)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@gthegreat 

confirm look

KetanKumar_0-1656772230346.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 4 (4)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@gthegreat 

confirm look

KetanKumar_0-1656772230346.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
gthegreat
Shopify Partner
60 1 13

@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 :

gthegreat_0-1656773165763.png

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

 

gthegreat
Shopify Partner
60 1 13

@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 !

KetanKumar
Shopify Partner
36839 3635 11972

@gthegreat 

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing