Move the “sold out” indicator

Topic summary

A user working with Shopify’s Dawn theme wants to relocate the “sold out” indicator on product pages. Currently, the indicator appears in its default position, but they’d like it moved next to the price display. This change should apply to both mobile and desktop versions of the site.

Additionally, they want to:

  • Remove the button design/styling from the sold out indicator
  • Display it as plain text instead

The request involves CSS modifications to adjust the positioning and styling of the sold out element across different screen sizes.

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

Hi, I’m using the Dawn theme and I would like to move shopify from where it is in the screenshot to by the price. The screenshot is the mobile version of my site, but I’d like the change to occur on both. Would also be amazing if you could help me remove the button design and have it as just text.

Thank you!

My site is: https://hrrxq8pjlssyzprp-74826613002.shopifypreview.com