Price don't show up on mobile view especially small size phones "12 pro..."

Ask the community
1

Hey guys!
The price/discounts “product list section” in the checkout page doesn’t show up fully on smaller-sized phones like “iPhone 14, 12 Pro…”. Can someone help me adjust that with code?
The customer support provided a code, but it didn’t resolve the issue.
i will include the code below!
Thanks in advance

.product-list .pl-item .pl-price {min-width: fit-content !important;}

2

Hey! @Ismail_Outga :waving_hand:

Yeah, this happens sometimes on smaller screens when the layout gets too tight.
You can try reducing the product image width a bit so there’s more space for the price to fit.

Something like this might help:

.product-list .pl-item .pl-image {
  width: 60px !important;
}

You can adjust the value (like 50px or 70px) until it looks good on mobile.
That usually fixes the issue without breaking the layout.