Why is my product price not displaying correctly?

Testing120
Excursionist
15 0 3

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/

 

ScreenShot Tool -20240104225611.pngScreenShot Tool -20240104225357.png

Replies 4 (4)

Abdosamer
Shopify Partner
821 146 164

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

@media (max-width:768px){

 .product-card__regular-price {
    margin-right: 5rem !important;
}
}
Buy me a Coffee
Email : abdelrahamansamer71@gmail.com
Chat on WhatsApp
Work samples

shreyhweb
Shopify Partner
631 109 114

@Testing120 

 

Hello,

 

Please add below code above </body> in theme.liquid

Online store >> customize >> theme.liquid

 

<style>
.product-card__price{
color: #000!important;
font-size: 12px!important;
}
</style>

 

after added

shreyhweb_0-1704392901071.png

 

If our solution is helpful then please like and accepted.

 

Thanks.

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
Testing120
Excursionist
15 0 3

It's almost done still 2 digits are not showing properly last 2 digit.

 

shreyhweb
Shopify Partner
631 109 114

You can remove the decimal value from the price.

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com