How do you center the header of the multicolumn section in Dawn theme?

Topic summary

A user needed help centering the multicolumn section header in Shopify’s Dawn theme.

A solution was provided involving:

  • Navigating to Online Store > Themes > Actions > Edit Code
  • Locating the </body> tag in the theme.liquid file
  • Pasting custom CSS code above that tag

The initial solution worked for desktop but not mobile devices. Another contributor shared an updated code snippet (marked as markup) that successfully centers the header on both desktop and mobile.

Multiple users confirmed the mobile fix works. One user asked if the same approach could apply to heading sections, but this remains unanswered. The discussion appears resolved for the original centering issue across devices.

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

I can’t figure out how to center the title of the multiheader section for this theme. Any ideas?

https://jessica-hannon.myshopify.com/

Password: rtetso

@jessieh_10 ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. In your theme.liquid file, find the (press CTRL + F or command + F on Mac)
  3. paste this code right above the tag:

Kind regards,
Diego

14 Likes

Works! Thank you so much!

How do you apply it for mobile? This works on desktop but not for mobile.

4 Likes

still needing a fix for mobile as well

hello, this is it, works for both


6 Likes

worked for mobile too. Thanks alot!

WORKS GREAT! is it possible to do this for the heading section as well?

thank god you saved me thank you so much