Overlapping price

Hi! I followed another thread and have added this code.

h2.woocommerce-loop-product__title {
height: 70px;
}

.home .tyche-product .tyche-product-body h3 {
height: 50px;
}

But I notice on mobile on the category page, the price overlaps the product title. How to enter “…” at the end if the product reaches more than two lines please?

Page is Lythamvintage.com

Hello,

I hope you are doing well today.

You can use the following CSS code to give the price some room on mobile by going to Appearance > Customize > Additional CSS and pasting it there.


@media only screen and (max-width: 900px) {
.woocommerce ul.products li.product .price {
    margin-bottom: 13px;
    margin-top: 13px;
}
}

Best Regards,
Support

That hasn’t worked. Please view restored category.

GOod evening

Just to be sure we are working on the same problem, please provide link t the exact page and screenshot of the problem

https://lythamvintage.com/product-category/restored/

Further to the category page above the same issue is also occurring on the homepage.

Good morning

You just need to increase 70px little bit in the code, something near 90px

Instead of increasing the height i would like to enter “…” at the end if the product reaches more than two lines please?

Good evening

Sorry, but that is not possible without template functions modification :frowning:

Thank you for all of your help anyway :slight_smile:

Thank you for understanding too
I will close this case now, let me know if you have other questions in new ticket