How to change image banner size in mobile?

Topic summary

Main issue: Adjust the image banner height on the Shopify store’s mobile view only. The current banner appears as a square on mobile; the goal is to make it taller so it stretches further down the page.

User requests:

  • How to change the banner’s height on mobile specifically.
  • The exact code needed and clear instructions on which theme file to edit/paste it into.

Context/attachments: A mobile screenshot was provided to illustrate the current square banner appearance.

Status: No solution or step-by-step instructions have been provided yet. The thread remains open with pending guidance on where and how to implement the change (e.g., which theme files to modify and what code to use). Unanswered questions include the precise method to target mobile only and the correct location for the code within the theme.

Summarized with AI on February 2. AI used: gpt-5.

I’m currently trying to change the size of the image banner in mobile version only. Atm it’s a square, but I’d like it to stretch lower down the page. How do I change the height?

What is the code? What file do I paste it on?