Different banner height for desktop and mobile

Store Design

Topic summary

Request to set different banner heights on Shopify’s Dawn Theme: desktop banner fixed to the theme editor’s “medium” height, while the mobile banner automatically adjusts to its image’s natural height. The store already uses custom code to load separate images for desktop and mobile; the ask is for CSS/Liquid that targets mobile only to make the banner height fit the mobile image.

Context: The original poster attempted to share their store URL and password via private message for troubleshooting but was unable to send a PM.

Latest activity: Another user inquired whether a solution was found, indicating ongoing interest and that the issue remains unresolved publicly.

Notes/terms: Dawn Theme (Shopify’s default theme); banner/hero section; “medium” is a built‑in height option in the theme editor. No code snippets or solutions were posted in the thread.

Summarized with AI on January 12. AI used: gpt-5.
1

Hello everyone!

I am using the Dawn Theme and I have already used a custom code to have 2 different banner images for desktop and mobile. Now I want the desktop banner height set on “medium” (which I can customize from the theme editor), and the mobile banner height section to adjust to this specific image. Is there a code that I can use to make the banner height on mobile only to adjust to the mobile banner image?

I can provide URL and password upon request through PM.

Thank you very much for your precious time!

2

Yes, I am sending it right away through PM! Thank you! :slightly_smiling_face:

3

I’m sorry, it seems like I can’t send you a PM :disappointed_face:

4

did you find a fix for this? looking for the same