Aligning Prices on the Same Line in Shopify for Mobile

Topic summary

A Shopify store owner is seeking help to align regular and sale prices on the same horizontal line for mobile devices. Currently, the prices display correctly on desktop but not on mobile.

Initial Solution Provided:

  • CSS code was shared to align prices horizontally on mobile by adding custom styles to the theme.liquid file above the tag.
  • The solution successfully aligned the prices on the same line.

Follow-up Request:
The user now wants to reposition the “SALE” badge from its current location (bottom left of product image) to appear near the sale price itself (around $26.99).

Current Status:

  • The discussion remains open with the user awaiting a solution for badge repositioning.
  • Screenshots have been shared showing the desired badge placement.
  • The helper has been tagged for additional assistance but hasn’t yet provided the updated code.
Summarized with AI on November 2. AI used: claude-sonnet-4-5-20250929.


Hi everyone, I’m trying to align the regular and sale prices on the same line in my Shopify store for mobile devices using CSS code. Do you know how to do that?

1 Like

Hey @Senku

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

It looks like this: https://seasonalcollections.co/collections/all-products

Prices only in the same line when I use laptop. I want it in the same line with mobile too

1 Like

Hey @Senku

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:

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

Best Regards,
Moeed

1 Like

Thank you. Can you help me move the sale badge at the bottom left to near the price?

1 Like

Hey @Senku

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:

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

Best Regards,
Moeed

Sorry I mean I want the sale move to near the price 26.99

Can you help me with that? @Moeed I want the sale move to the position like this