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…

Hey it didnt work, it does show different image size but when i switch to mobile through shopify the image doesnt change but only shows the deskstop size.

@unofficial2321 Would the code be the same for any theme? I tried it on Debut and Envy and it didn’t work on either. It doesn’t even show as a section in the customizer.

An expert has resolved the issue for me. Thanks for your time in ensuring the issue is resolved.

@unofficial2321 was the no in response to me? Is there any code that could be added to a new section and could be used on any theme? The code that you sent for parallax looks very similar to Envy and Debut including the lazy loading, it looks like only the class names are different.

@unofficial2321 here is the code for debut hero.liquid, could you tell me how I could add the desktop/mobile choice to this? {%- if section.settings.hero_layout == ‘full_width’ and section.settings.hero_size == ‘adapt’ -%} {%- if section.settings.image.aspect_ratio == blank -%} {%- assign min_asp…

Thank you so much :disappointed_face:

Can this be used for slideshow? Essentially I am looking to have a slide show that I can have (2) seperate images - on for mobile and one for desktop

Hey @Ninthony You helped me so much with this piece of code to add a mobile and desktop image to my homepage and I’ve been using it ever since! I have another question, I would love to know if you have a snippet of code I can use to show different images for mobile and desktop for regular pages, p…

Different images for mobile than desktop web

Store Design

unofficial2321 November 13, 2020, 9:41am 119

@nealm759 no cause every theme has it’s own css file

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

Different images for mobile than desktop web

Related topics