A Shopify store owner reports that product prices on their homepage are partially cut off and not displaying fully alongside the add-to-cart button. Screenshots were provided showing the truncation issue.
Proposed Solutions:
theme.css targeting .product-card__regular-price with a margin-right: 5rem !important property for screens with max-width 768pxtheme.liquid before the </body> tagCurrent Status:
The issue is nearly resolved after implementing one of the solutions, but the last 2 digits of the price are still not displaying properly. A follow-up suggestion was made to remove the decimal value from the price display entirely.
I just started my shopify store I need help in one little thing on Home page my product prices are half cut down it’s not showing full price with add to cart button.
Please check attachment image where I have marked circles from where price is not showing up properly!
website url: https://halawaorganic.com/
Hi @Testing120 , go to theme.css and add the following code :
@media (max-width:768px){
.product-card__regular-price {
margin-right: 5rem !important;
}
}
Hello,
Please add below code above in theme.liquid
Online store >> customize >> theme.liquid
after added
If our solution is helpful then please like and accepted.
Thanks.
It’s almost done still 2 digits are not showing properly last 2 digit.
You can remove the decimal value from the price.
