Product title overlaps the Variant Title and price on My Wishlist page

Sometimes the product title may overlap with variant title or price on My Wishlist page. This happens when the product title is lengthy.

On Wishlist page, we have fixed the height of containers so that a horizontal alignment of products can be achieved. This often leads to overlap of elements in case one of them becomes longer than average. Fortunately, it is quite easy to fix by adding following CSS code under Wishlist section of Extra CSS in Merchant Console.

h3.product_title {
height: 50px !important;
}

By default, the height has been set to 39px. You can set it to any value larger than this to suit your needs.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.