Woocommerce message crashed

[tsukerka]

Hi guys!

When I add variative product to cart, I get the message crashed like on a screenshot I attached. Could you help me how to fix that?

Thank you.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

I translated the message and it says that the product was added to the cart. So I’m not seeing anything wrong and the product was correctly added to the cart.

And also the woocommerce error messages have different colors.

Can you check again?

-Rui

[tsukerka]

Hello, Rui! Thank you.

The wrong thing is that the message is written in this way:

You’ve
ad
ded
the product to cart

instead of

You’ve added the product to cart

I mean, the second word in the sentence is broken on two parts, it’s written in 4 lines instead of 2 (on mobile only). How can I fix this?

Thank you!

[Rui Guerreiro – SUPPORT]

I’m only experiencing that in a mobile resolution where the screen doesn’t have enough space to show everything in one line.

This code reduces it to 3 lines in the mobile. there is just not enough space.

.woocommerce .product-main>.woocommerce-message {
     overflow-wrap: initial!important;
}

-Rui

[tsukerka]

Thank you! Is it possible to reduce it to 2 lines in the mobile?

[Rui Guerreiro – SUPPORT]

I couldn’t do it with css, the best was only 3 lines due to the text size.

-Rui

[tsukerka]

Thank you 😉

[Rui Guerreiro – SUPPORT]

No problem.

-Rui