Hello, I want to move both the new price and the %off in a new line (store:https://qexaaphhkuw678c4-78669414739.shopifypreview.com )
As seen in picture below:
Topic summary
A user needed help repositioning the sale price and discount percentage to appear on a new line in their Shopify store’s product display.
Solution Provided:
- Add custom CSS code to the theme.liquid file after the
<head>element - The initial code worked but applied to all screen sizes
Refinement:
- Updated CSS code provided to apply the layout change only on desktop screens, not mobile devices
- This was achieved using media queries to target specific screen widths
Outcome:
The issue was successfully resolved. The user confirmed the updated code worked perfectly, achieving the desired desktop-only formatting for the price display.
Go to your Online store > Themes > Edit code > open theme.liquid file, add this below code after element
Hello!
This didnt work 
Could you show me where did you add the code?
My bad! It works! Thanks alot! If there’s a way, to make this work only for pc screens (and not mobile), then it would be awesome!
Update code please
Perfect! Thank you:)
1 Like
You are very welcome!