How can I reposition product price on Dawn theme?

Store Design
, , , , ,

Topic summary

A user is attempting to reposition the product price on their Dawn theme to appear directly below the product on the left side, rather than its current location.

Current Issue:

  • Price display is not positioned as desired
  • User shared screenshots showing the current layout versus the intended placement

Proposed Solution:

  • Another user provided custom CSS code to be added to the theme.liquid file before the </body> tag
  • The code includes margin adjustments and media query styling to reposition the price element

Status:

  • The suggested CSS solution did not work for the original poster
  • The helper requested a screenshot of the code implementation to troubleshoot further
  • Discussion remains open with no confirmed resolution yet
Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.
1

How do i move the product tag below to be exactly below the product on the left side?

this is what it currently looks like.

shopify need help.PNG
shopify need help.PNG1239×720 70.9 KB

3223432.PNG
3223432.PNG314×371 16.6 KB

Thanks in advance.

website: www.moxxishop.nl pw: maycru

2

Hello @JMecom

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

#shopify-section-template--20635364917594__featured_collection_kxPzdm .price--on-sale { margin-left: -221px !important; margin-top: -25px !important; } @media screen and (max-width: 767px){ #shopify-section-template--20635364917594__featured_collection_kxPzdm .price--on-sale { margin-left: -245px !important; } .badge--bottom-left{ font-size: 14px !important; } }

techlyser_web_0-1705856725994.png
techlyser_web_0-1705856725994.png159×161 7.05 KB

techlyser_web_1-1705856784206.png
techlyser_web_1-1705856784206.png1052×396 46 KB

3

this unfortunately does not work.

4

can you share screenshot of code?