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…

Can you explain it here please dont know how to inbox you.

Hey Ninthony, how would i do this with a parallax theme. I would like to do this on the image overlay section. My website is www.gymlavida.com , as you can see it looks fine on desktop but on mobile it looks zoomed in. it will be great if this issue can be solved. Thank you

Ok…i will answer it here…just need some time i am out of my home… I will provide you the ans with in 1 hour…

Thank you very much, i have a parallax theme by the way.

i have few knowledge on coding. But do you mean this? [{{ section.settings.image.alt }}] {% if section.settings.link != blank and section.settings.button_label == blank %} {{ section.settings.link }} {% endif %} {% if section.settings.title != blank %} {{ section.settings.title | escape }…

create an new section .... named custom_image.liquid than clear everything and paste this hope this works ... please give a feedback.. copy and paste from here_----------> {% schema %} { "name": "Image with text overlay", "class": "image-with-te…

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.

Different images for mobile than desktop web

Store Design

unofficial2321 November 11, 2020, 2:04pm 111

can you give me the code of the section you want to customize in parallax theme

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

Different images for mobile than desktop web

Related topics