Automatically resize the banner Dawn theme when on mobile so the ends are not cut off

Topic summary

Issue: After updating Shopify’s Dawn theme from 5.0 to 8.0, the homepage banner no longer scales on mobile; the ends are cropped instead of fitting the screen.

Proposed fix: A responder advised editing Online Store > Actions > Edit code, opening theme.liquid, and inserting a Liquid conditional block before :

  • {% if template == ‘index’ %}
  • {% endif %}
    Note: This targets only the index (homepage) template.

Outcome: The original poster reported the change resolved the banner sizing on mobile for them.

Follow-up: Another participant with the same issue said the fix did not work in their case and requested further help.

Context: Attached images compare Dawn 5.0 vs 8.0 behavior and are central to understanding the cropping difference.

Status: Partially resolved. The solution worked for one user but not another; further clarification or a more general fix (possibly beyond the index template) may be needed. The thread remains open with an unresolved follow-up.

Summarized with AI on January 4. AI used: gpt-5.

Hey! I’ve encountered the same issue but entering the code did not work. Pls help.