How would i center the price & sale price on Product page on moblie & web (dawn), we have added a images for example. Our website is https://munnafashion.com/ It would be highly appreciated if you could help us. Thank you.
Topic summary
A user sought help centering both the regular price and sale price on product pages (mobile and desktop) for a Shopify store using the Dawn theme.
Solution Provided:
- Navigate to Online Store ā Theme ā Edit Code
- Access the
component-price.cssfile in the Assets folder - Add CSS code to hide the sale badge:
.price--on-sale .price__badge-sale {
display: none !important;
}
Outcome:
The solution successfully resolved the issue. The user confirmed it worked as intended.
Hi @munfas_uk
This is Victor from PageFly - Shopify Page Builder App, Iād like to suggest this idea:
Online Store ->Theme ->Edit code
Assets ->Component-price.css
.price--on-sale .price__badge-sale {
display: none !important;
}
Hope you find my answer helpful!
Best regards,
Victor | PageFly
1 Like
Thank you! It worked.
1 Like