I have slight concern about product collection display, which is not even depend on the product title number of lines.
When the product titles are with the same length, that looks fine as it’s should, however , if one of the titles is longer than the other that the case.
For example the product uses 2 lines grid display different (longer) than the one with 1 line, then the details that would have been underneath it is pushed down to the line below, Thus will have a gaps that looks awful and not even.
Need you support here to fix the grid base on the title for 2 line
Any help here! Thanks in advance!
As I see, you added a fixed height:
<p style="height: 77px;">Modern Single Shoulder Bag</p>
Alternatively, you can add a class to this paragraph. Thereby the inline style will be removed. It will also be better to keep the styles in separate CSS files.
the storefront page has been fixed after trying editing theme with below steps:
But am still having this issue with product collection page ex. https://anazool.com/collections/all