How can I center my home page image on mobile using the Dawn theme?

Topic summary

A user seeks help centering their homepage image on mobile devices while using Shopify’s Dawn theme. The image displays correctly on desktop but needs adjustment for mobile viewing, specifically to center the “Going Out Of Business Sale” text.

Proposed Solution:

  • Add custom CSS code to the theme.liquid file before the closing tag
  • Access via: Online Store → Themes → Actions → Edit Code

Technical Details:

  • The solution involves CSS modifications to the Dawn theme
  • Images and code snippets were shared to illustrate the issue and fix
  • Password-protected store link provided for reference

Status: A solution has been offered but not yet confirmed as implemented or successful.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.

Using the Dawn theme, how can I center the home page image so that the "Going Out Of Business Sale’ is centered on mobile? I like how it looks on a desktop but I want it to be centered on mobile.

https://shopshut-3517.myshopify.com/

Password: mojo

Hi @User1300

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag


Hope this answer helps.

Best regards,

Victor | PageFly

1 Like