Navigate to assets → base.css and add the following code to the end of the file:
._1fragemfc._1frageme0.iZ894 {
max-width: 295px;
}
If it doesn’t work, try this:
._1fragemfc._1frageme0.iZ894 {
max-width: 295px !important;
}
Topic summary
Product names in Shopify’s Refresh theme checkout overlap the price, making the line unreadable. The requester wants a fix that doesn’t shorten product names.
Access to the store was requested; the store is password-protected and credentials were shared privately.
A proposed fix was to add a CSS rule in assets → base.css that sets a max-width of 295px on the product-name element, with a fallback using !important. Max-width limits how wide the element can grow; !important forces the rule to override other styles.
After applying the CSS, the overlap decreased but still persists. Screenshots are central to understanding the remaining issue.
No final resolution yet. Further CSS adjustments (e.g., different selectors or widths) or alternative layout changes may be required. The discussion remains open with the outcome pending.