Woocommerce: Product title text move out the borders of table on mobile devices

What theme are you using, @edgax?

Thank you for the reply! Flatsome theme.

Hey @edgax,
Could you share the URL of the page where the issue is faced??

https://osi.lt/

look from mobile, please, so you will more clearly understand the issue

Hey @edgax,
The product names are overflown since some of the names of the products are too long without any spacing.
Add the below CSS code in Appearance->Customize->Additional CSS:

a {
    word-break: break-all;
}

Add custom CSS article: https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/

@prabhatrai Thank you so much! It helped me! ?? One more thing, how can I with additional CSS move little bit down prices? Because for now the on the same line as product titles.

Hey @edgax,
All the sections in the product card (Name, Price etc…) have been defined with a fixed height. So, the easiest way to create vertical spacing would be to add a margin-top to the product price section.
Add the below CSS code in Appearance->Customize->Additional CSS:

.price-wrapper {
    margin-top: 8px;
}

@prabhatrai thanks a lot! :))))

Happy to help… ??

You can mark the thread as resolved if the issue is solved.