Hi @nils_rbg
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
Topic summary
A user seeks to display different image banners on mobile versus desktop in Shopify’s Taste theme, as the desktop banner appears distorted.
Initial Problem:
- User modified the theme’s image-banner.liquid file to add a mobile image picker option
- While the customizer now shows the mobile image field, uploading an image doesn’t display it properly
Provided Solution:
BSS-Commerce offered detailed steps:
- Create a new section file called
image-banner-mobile.liquid - Insert custom code (provided in full) to handle separate mobile/desktop images
- The code includes CSS media queries and Liquid template logic for responsive image handling
Follow-up Issues:
- Initial implementation showed both banners on mobile and desktop simultaneously
- One user reported “missing translation” errors for the “adapt to image size” feature
- Another encountered double slideshows on desktop and large empty spaces when deleting one banner
- Questions arose about making the mobile banner a slideshow or hiding slide banners on mobile
Outcome:
The original poster confirmed the solution worked after retrying with the newest Taste theme version. One commenter praised it as the easiest solution to follow for beginners.