How can I align price and discount on the same line for both mobile and desktop view?

Shopify Discussion
1

Hi Team,

I need to align my price and discount in same line..can anybody help me. I’ll attach a snap. I need to allign in both mobile and desktop view. and also in collection and product page.

I have attached a snapshot of code which i’m using now.

20211209_215735.jpg
20211209_215735.jpg698×218 12.1 KB

20211209_215711.jpg
20211209_215711.jpg316×106 3.53 KB

20211209_215948.jpg
20211209_215948.jpg4032×2101 2.4 MB

I need like this

Rs 800 Rs 800 10%OFF

20211209_220318.jpg
20211209_220318.jpg4032×3024 2.61 MB

I also need to align everything under product image both in mobile and desktop.

Can anyone help ?? please

Thank you

1 Like
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.