How to have separate images between desktop and mobile?

Store Design
6

To find the banner image code:

  1. Inspect the page → Right-click the banner > Inspect > Look for an tag or background image.
  2. Check theme files → Go to Online Store > Themes > Edit Code, then look in sections/banner.liquid, hero.liquid, or theme.liquid.

Replace the existing banner code (if using an tag):

If it’s a background image, you’ll need to update the CSS instead.