Uploaded July 2025 | Updated September 2026, 19 hours ago
Today i will show you how to show different banner images on desktop and mobile in Shopify using an updated method that works with the latest themes to shows separate banners on different devices.
Displaying separate banner images for mobile and desktop helps you optimize the visual experience for all devices Instead of using one image that might get cropped or resized awkwardly you’ll learn how to upload and display a wide banner for desktop users and a more vertical or mobile-friendly image for smaller screens This gives your store a more polished look and ensures your messaging and visuals are always clear.
You’ll learn how to update your Shopify theme files properly where to place the code and how to hide and show different image blocks based on screen size This update is fully compatible with Shopify’s Online Store 2.0 and works especially well with themes like Dawn and other OS 2.0 based layouts
CODE : https://onhow.codes/shopify-show-different-banner-images-for-mobile-desktop/
If you have any questions or suggestions my Instagram : instagram.com/anas_elmedlaoui
About Me:
My name is Anas El Medlaoui, and I have dedicated the past nine years to mastering various aspects of the digital world, including Shopify store development, WordPress website creation, social media marketing, and e-commerce solutions. Throughout this journey, I have accumulated extensive experience across diverse digital disciplines, although exploring multiple projects simultaneously posed its own set of challenges.
Driven by a passion for empowering others, I launched this YouTube channel after considerable reflection, aiming to share valuable insights and practical knowledge. My goal is to equip individuals committed to achieving online success with accessible, actionable information grounded in the principle that knowledge should be available to everyone.
#shopify #mobile #desktop
Today i will show you how to show different banner images on desktop and mobile in Shopify using an updated method that works with the latest themes to shows separate banners on different devices.
Displaying separate banner images for mobile and desktop helps you optimize the visual experience for all devices Instead of using one image that might get cropped or resized awkwardly you’ll learn how to upload and display a wide banner for desktop users and a more vertical or mobile-friendly image for smaller screens This gives your store a more polished look and ensures your messaging and visuals are always clear.
You’ll learn how to update your Shopify theme files properly where to place the code and how to hide and show different image blocks based on screen size This update is fully compatible with Shopify’s Online Store 2.0 and works especially well with themes like Dawn and other OS 2.0 based layouts
CODE : https://onhow.codes/shopify-show-different-banner-images-for-mobile-desktop/
If you have any questions or suggestions my Instagram : instagram.com/anas_elmedlaoui
About Me:
My name is Anas El Medlaoui, and I have dedicated the past nine years to mastering various aspects of the digital world, including Shopify store development, WordPress website creation, social media marketing, and e-commerce solutions. Throughout this journey, I have accumulated extensive experience across diverse digital disciplines, although exploring multiple projects simultaneously posed its own set of challenges.
Driven by a passion for empowering others, I launched this YouTube channel after considerable reflection, aiming to share valuable insights and practical knowledge. My goal is to equip individuals committed to achieving online success with accessible, actionable information grounded in the principle that knowledge should be available to everyone.
#shopify #mobile #desktop
