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 shr…

@gthegreat confirm look [KetanKumar_0-1656772230346.png]

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

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

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

Need help optimizing Hero section for Mobile and Desktop

Store Design

gthegreat July 2, 2022, 2:47pm 3

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

Topic		Replies	Views
How can I optimize mobile hero sections for better display? Store Design design , customizations , css , shopify-themes , html	3	101	December 18, 2023
Display different hero image on desktop and mobile Shopify Discussion design , customizations , css , troubleshooting	3	463	August 1, 2025
Have a different hero image for mobile than for desktop Store Design design , landing-page	2	440	September 20, 2024
Different height for mobile and desktop hero image banner Store Design	9	279	September 2, 2022
Hero Image desktop & Mobile Store Design design , customizations , landing-page , shopify-themes , troubleshooting	3	78	January 12, 2025

Need help optimizing Hero section for Mobile and Desktop

Related topics