Complementary product price section issue in mobile

Store Design
, , , , ,

Topic summary

A user working with Shopify’s Dawn theme needs to left-align the price display for complementary products on mobile, while keeping the main product page price centered.

Proposed Solution:
Another user provided CSS code to be added to the theme.liquid file, just above the closing tag. The solution targets specific price elements to adjust their alignment.

Technical Details:

  • The fix involves custom CSS modifications
  • Requires editing the theme.liquid file in the code editor
  • Targets complementary product pricing specifically without affecting main product display

Status: A solution has been offered but not yet confirmed as implemented or tested. The helper requested feedback on whether the solution worked.

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

I’m using dawn theme latest version in that the price was aligned to center, i need to make it to left aligned. nut the main product price in product page must be centered

website: https://rugd-in.myshopify.com/

password: rugged

This must be centered
This must be centered431×546 35.3 KB

This should be aligned to left
This should be aligned to left412×493 35.3 KB

1 Like
2

Hey @Sivadarshan

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1730102191789.png
Moeed_0-1730102191789.png345×685 34.5 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like