YITH Wishlist doesn't show properly on mobile

Support
#1

Hi,

I’ve installed YITH Whishlist plug-in on a website for a client but there’s some visualization issues on mobile.

As you can see by the screen, the table doesn’t resize on mobile and looks like is cut. I tried the YITH official demo and the wishlist works fine on mobile on their site.
I think it may depends on the theme (the stack selected is Integrity) but I can’t really confirm…

Could you please help me? I’ll attache you the log-in details on a secure note so you can check my website if necessary.

Thanks in advance :slight_smile: regards

#2

Hello There,

Thanks for writing in! It seems that you have a problem with the 3rd party plugin YITH WishList plugin. I visited their site and you will be seeing this:

In your site, it has been cut off because you have set a width for the product image in the wish list somewhere in the custom css. To resolve it and at least make it to look like this:

Please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

@media(max-width: 979px){
  table.shop_table.cart.wishlist_table,
  table.shop_table.cart.wishlist_table th,
  table.shop_table.cart.wishlist_table td {
    width: auto !important;
  }

  .wishlist_table tr td.product-thumbnail a {
    max-width: 40px;
  }

  table.shop_table.cart.wishlist_table .product-thumbnail img {
    max-width: 50px;
  }  
}

Hope this helps.

#3

Hi,

thank you very much for your help.

I had to set different sizes for the product photo but I thought it wouldn’t be a problem. I only need to set a different font-size for the button in the media query and then I think I’ll be ok with the wishlist.

Thanks again for your support.

Regards :slight_smile:

#4

Hey There,

You’re welcome!
We’re glad we were able to help you out.

All the best.

1 Like