Why is my product price not displaying correctly?

Topic summary

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:

  • One user suggested adding CSS code to theme.css targeting .product-card__regular-price with a margin-right: 5rem !important property for screens with max-width 768px
  • Another user recommended inserting custom CSS code in theme.liquid before the </body> tag

Current 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.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.

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/

1 Like

Hi @Testing120 , go to theme.css and add the following code :

@media (max-width:768px){

 .product-card__regular-price {
    margin-right: 5rem !important;
}
}

@Testing120

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.