In my product description, can I display only certain images on desktop and others on mobile?

New Member
5 0 0

For either the Debut or Debutify theme on the product description,

is there any code I can add so my shop only displays certain images on desktop

and only displays certain images on mobile (for the product description)?

This is my product page link:

I want to display the first 5 landscape pictures on the desktop and hide the pictures below it for desktop,

and then I would like to display the 6-13th vertical pictures for mobile and hide the first 5 landscape images for mobile.

Screen Shot 2021-09-23 at 12.29.50 PM.png


I saw that there is some code on the Shopify community to do this for the home page,

but I was wondering if there's any code I could use for the product description as well?

I've tried to paste code like this in product-template.liquid, but it didn't work:

@media only screen and (min-width: 750px){
# {
display: none;





4 0 1

I am also looking for a solution to the same problem!