Mobile product grid cropped / Product title lines limit not working
-
Hello.
I have problem with mobile view of the products grid. Some categories second row is cropped, and others are not. Does anyone have any ideas how to fix that?
Also, the feature in Theme settings Product title lines limit does not work. It is set to 2 lines for both mobile and PC, but it doesn’t work as you can see from the photos.
Attachments:
You must be
logged in to view attached files.
Hello,
Can you please share the page URL where the issue persists so I can check and give you a possible solution?
Additionally, I am unable to login to your site due to the additional verification code. Kindly, please disable this temporarily so that we can proceed further with checking the issue on your Site.
Best Regards,
Hello,
The security is disabled, you can log in now.
This is the link : https://itcpro.bg/category/mrejovo-oborudvane/bezhichni-ruteri/
Please note that this issue does not appear only on this category, but others as well. This is just an example.
Hello,
I’ve checked your site and found that the issue is caused by a custom CSS rule added in Appearance > Customize > Additional CSS. Specifically, this snippet is on line 42.
.product-grid-item .wd-entities-title {
min-height: 48px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
text-align: left;
}
The min-height: 48px is overriding the theme’s built-in control for limiting product title lines, which is why the “Product title lines limit” setting in Theme Settings isn’t working correctly. Please try to remove this css and check how it works.
Best Regards,
Thanks. That worked. So the first issue with the product title lines limit is resolved thanks to you.
Please take a look at the attached photo “phonegrid.png”. The issue remains.
Hello,
This issue is caused by a custom CSS rule added under Appearance > Customize > Additional CSS. Specifically, the problem stems from the margin value defined around line 18 in your code.
Best Regards,
.
