Display Different Banner images for Desktop and Mobile - Taste theme

I’ve been slugging this problem for three weeks. I’ve read many posts that Shopify community provided and some external sites, or videos. However, the Taste theme I’ve chosen is a quite new so I couldn’t find exactly what I need and I’m not able to figure out by myself either.

I just need to be able to add different images for the image banner section on desktop and mobile.

It seems that I’m able to add two images however, they don’t display at all.

The banner images are samples so it doesn’t really matter the size fits or not. I’ll resize banners. I appreciate any advices.

My reference posts are below.

https://community.shopify.com/c/shopify-design/how-do-i-display-different-images-for-mobile-and-desktop-on/td-p/1706093

https://www.mojoin.com/show-shopify-banner-image/?unapproved=14885&moderation-hash=3611eff764f3ef28890ace80e0127a58#comment-14885

Hi @Taka3nori3 ,

You can use the tutorial below. You can add two banner section, and assign each one to different screen size.

Hi @made4Uo ,

Thank you so much for providing this solution. It finally works!!!

1 Like