Appearance of Modals/Popups get distorted on My Wishlist Page

On My Wishlist page, sometimes the modals/popups are not displayed properly. The heights and width of various elements get distorted rendering a bad appearance. For e.g below is one such modal having distorted appearance.

An Example showing distorted modal on My Wishlist page
An Example showing distorted modal on My Wishlist page

 

It can be fixed by following steps:
1. In Shopify Admin,  open Apps => Smart Wishlist => Configure Appearance => Extra CSS
2. Add the following CSS code to the Box 2 of the tool.

 

.modal button {
width: inherit !important;
height: inherit !important;
}

1 thought on “Appearance of Modals/Popups get distorted on My Wishlist Page

  1. Alexey Reply

    Good day!
    Thank You for a great plugin!

    Will be great that on the wishlist page for modal-windows You added custom css-class (e.g.
    smart-wishlist-modal or something like that) – it’s will very greatly simplify stylization current modal-windows. Because I use Bootstrap modal-windows for my site and i have some trouble with CSS conflicts on this page. I fixed this for my self, but if You will added custom class for Modal windows – it’s be VERY GOOD for developers, who work with Yours plugin.

    Thank You!

Leave a Reply

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