Overlapping price

Tyche
#1

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?

#2

Page is Lythamvintage.com

#3

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

#4

That hasn’t worked. Please view restored category.

#5

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

#6

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

#7

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

#8

Good morning

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

#9

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

#10

Good evening

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

#11

Thank you for all of your help anyway :slight_smile:

#12

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