Product Name & Price overlap in Checkout

StefanZ
New Member
9 0 0

Currently using Refresh theme.

 

Product names overlap with pricing (see image) in the checkout:

 

chrome_M2cMFNYqwD.png

 

 

Is there any way to fix this without reducing char in product name?

 

Thank you,

Replies 6 (6)

fadi_yousif
Shopify Partner
342 43 60

I think you could fix this by setting a max-width. Link your store if you want further guidance.

Freelance Shopify Developer | Helping Shopify merchants grow with high-converting online stores!
Let's work together!
 - Did I help? Leave a tip!
 - Need my help? Chat on Telegram or WhatsApp

StefanZ
New Member
9 0 0

Store is currently password protected www.pelene.net 

fadi_yousif
Shopify Partner
342 43 60

In that case I need the password as well

Freelance Shopify Developer | Helping Shopify merchants grow with high-converting online stores!
Let's work together!
 - Did I help? Leave a tip!
 - Need my help? Chat on Telegram or WhatsApp

StefanZ
New Member
9 0 0

Sent it via private message

fadi_yousif
Shopify Partner
342 43 60

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;
}

 

Freelance Shopify Developer | Helping Shopify merchants grow with high-converting online stores!
Let's work together!
 - Did I help? Leave a tip!
 - Need my help? Chat on Telegram or WhatsApp

StefanZ
New Member
9 0 0

Tried both - it seems to be less of an overlap, but it's still there:

 

chrome_N4U6RVtQUi.png