Using the Dawn Theme, I’m trying to get the mobile image to be centered and larger so that it is legible. I like the look of the desktop version but would like the mobile to be bigger and centered on the screen. Any suggestions? https://shopshut-3517.myshopify.com/?_ab=0&_fd=0&_sc=1 Password: mojo …

Hi @User1300 , This is Richard from PageFly - Landing page builder, I’d like to suggest this idea: Step 1: Go to Online Store->Theme->Edit code Step 2: Asset->/section-image-banner.css->paste below code at the bottom of the file: @media screen and (max-width: 767px) { #shopify-section-templa…

Hi @User1300 , We need to create separate image upload options for mobile and desktop. To create this we need to customize the slider.liquid code

Makes sense! How would I go about doing that?

Hi @User1300 , My above code only works for that image. Does not affect other images. Best regards, Richard | PageFly

Worked perfectly! If I wanted to make it even larger what part of the code would I scale up? Change max-width 767px or increase padding bottom to 120%? Pardon my ignorance I have no coding experience.

Hi @User1300 , This part is quite difficult, because your current image is already on the left. If you adjust the center and larger, then you need to make a margin. So I think you may try contacting Shopify support or finding another expert regarding this issue. Best regards,

Dawn Theme - Image Sizing Mobile vs Desktop

Technical Q&A

User1300 March 8, 2023, 4:23pm 5

Will this affect all image banners? Is there a way I can make it specifically for this image only?

Topic		Replies	Views
The slideshow appears only center part of image on mobile (Dawn theme) Store Design	2	55	September 6, 2022
Shopify Dawn Theme Move Banner Image to Center Store Design design , customizations , landing-page	3	90	August 21, 2023
Slider Container- Dawn Theme- Mobile Image Not Adjusting Correctly Technical Q&A shopify-theme	1	35	June 28, 2023
Dawn 13.0.1 different image slider for desktop and mobile Store Design design , customizations , landing-page	6	163	October 10, 2024
Make different image for desktop and mobile in Dawn Theme Store Design	19	162	November 7, 2022

Dawn Theme - Image Sizing Mobile vs Desktop

Related topics