s4b1n3
March 14, 2019, 12:06pm
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?
s4b1n3
March 14, 2019, 12:07pm
2
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
s4b1n3
March 14, 2019, 12:41pm
4
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
s4b1n3
March 14, 2019, 6:36pm
6
s4b1n3
March 15, 2019, 2:45am
7
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
s4b1n3
March 15, 2019, 12:47pm
9
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
s4b1n3
March 16, 2019, 1:43am
11
Thank you for all of your help anyway
Thank you for understanding too
I will close this case now, let me know if you have other questions in new ticket