Hello, I am wondering what code I need to enter (and where!) to allow for different images on mobile web than desktop web view? I currently am using a custom theme - does this determine where I need to be looking to add the code? Thanks in advance! Nooreen

It’s completely understandable you’re lost. At first the way that shopify does things doesnt make a whole lot of sense. Your template pages are they key parts of your site. So when you want to edit the homepage, you want to edit index.liquid. Now, if you have not developed the theme yourself, probab…

Hi the code worked well for me. I use a slideshow however, would you be able to give me modified code for it? It is not clear to me how to send a private message in this forum. Thanks

Hi @Ninthony I was just wondering if you found a solution for using different slideshow images for mobile and desktop for the Minimal theme as mentioned here for @chugsy and @narrawatches . I tried to figure out how to edit the code based on what you gave for other themes in this thread but I could…

hi … It’s the code of the slide show of parallax theme , i couldn’t bring the mobile version image in the page {% comment %} ** Slideshow - dynamic ** - Draggable section - Uses blocks {% endcomment %} {% comment %} Content settings {% endcomment %} {%- assign blocks = section.blocks -%} {% comme…

@KrazyGear @Ninthony Thank you!

Hi @Ninthony please could you help? I tried the custom code and it showed in my theme customiser but after I added the images nothing appeared, not even on preview. I am using Debut theme. Please could you provide an updated custom css? My url is mustardinkstudios.myshopify.com , password: beoflo Tha…

@Ninthony I am trying to add just a mobile or desktop image that would link to a page, I do not need text overlay or slides. The newest version of Debut uses lazyload to load the image, {%- if section.settings.image != blank -%} [{{ section.settings.image.alt | escape }}] {%- else -%} {% capt…

Cant find this on my template section or was this added to the desktop mobile section?

Did you manage to get rid of the padding?

Different images for mobile than desktop web

Store Design

ZafarSadik November 10, 2020, 5:39pm 99

hello i am trying to do the same thing on the Debut Theme I cant understand where to put what code can you help me?

Topic		Replies	Views
Display an other image-banner on mobile than on desktop (Taste Theme) Store Design design , css , shopify-themes	14	180	July 3, 2024
I WANT TO USE DIFFERENT IMAGE ON DAWN theme SLIDER for mobile and desktop Store Design	6	82	April 9, 2023
Dawn Theme- Separate Slide Images On Mobile And Desktop Store Design design	22	375	May 1, 2024
Different Image Size on Desktop and Mobile Store Design	243	1221	March 24, 2025
Separate banner images on mobile and desktop - Dawn Theme Store Design	75	1422	November 15, 2024

Different images for mobile than desktop web

Related topics