How can I reposition buttons on a Dawn theme image banner?

Topic summary

Goal: Move two buttons on a Dawn theme image banner so they are centered horizontally on the left half of the banner.

Guidance provided:

  • In the theme editor (Online store > Themes > Customize), open the Image banner section.
  • Adjust Desktop content position to “Middle left” and Desktop content alignment to “Center” to match the requested layout.
  • For phones, use Mobile content alignment to fine-tune placement on smaller screens.

Additional notes:

  • A helper requested the store URL to review and offer a tailored fix if needed.
  • A screenshot illustrating the recommended settings was shared; it is central for visual reference.
  • A Shopify staff member asked if this is the first time using an Online Store 2.0 theme and whether other storefront changes are planned, to better tailor support.

Status: No confirmed resolution yet; the OP is invited to try the settings and report back.

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

Hi! I am using the dawn theme. How do I move my buttons on an Image banner to the left. I want the two buttons centered horizontally on the left half of the banner. Please help and thank you!!

1 Like

@Kiersz

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Hi there @Kiersz . I’m happy to help you out with this! Is this your first time using an online store 2.0 theme? I was also wondering if you are working on any other changes to your storefront?

You can move the position of the buttons on your image banner section within your theme editor. To get there go to Online store > Themes > Customize (next to the theme you’re editing). Once there click the Image banner section. From here you can move the buttons and content using the Desktop content position and Desktop content alignment settings. You can also edit the position of your image banner section on mobile devices using the Mobile content alignment setting.

I’ve included a screenshot below of what the image banner section looks like with the Desktop content position set to Middle left and the Desktop content alignment set to Center. This sounds most similar to what you’ve described.

Try that out and let me know how it works for you! Don’t hesitate to reply back if you have any questions.