Hello,
I’m having trouble with improperly aligned products when changing the screen width. My products are aligned in a grid and I would like them to all be level with each other.
On smaller screens (or in smaller browser windows), however, the card information wrapper, which contains the product name, takes up multiple lines. This causes the whole product to become vertically bigger, messing up the level alignment with other products that have a shorter name.
How can I stop this from happening, for example by having the text move when hovered over or by making the excess text become transparent, to allow for level product alignment?
A screenshot showing the issue is provided below. The improper alignment is visible at the black “In den Warenkorb” boxes.
Thank you for helping out.
