Hide Wishlist on Mobile

[gregcatmull]

Hi,

Is there some custom css I could use to hide ‘add to wishlist’ on mobiles?

cheers
Greg

[Kyle – SUPPORT]

Hi

Which button are you referring to? Listing page, product page, button in header?

– Kyle

[gregcatmull]

sorry I the product page.

[gregcatmull]

on the product page*

[Kyle – SUPPORT]

Hi

Add this to your custom css:

@media only screen and (max-width: 480px) { 
.yith-wcwl-add-button.show {
  display: none;
}
}

– Kyle

[gregcatmull]

perfect that worked thanks,

I also need to hide background image on mobile is this possible? as currently it blends in with my logo.

cheers
Greg

[gregcatmull]

there is still actually a minor problem with the hide mobile wishlist css as there is still a inactive black box visible on mobile where the add to wish list was. can I get rid of this too?

[Kyle – SUPPORT]

Please could you provide me with your link so I can provide you with the accurate css

– Kyle

[gregcatmull]

shop.garsons.co.uk

[Kyle – SUPPORT]

Try this:

@media only screen and (max-width: 480px) { 
#header {
  background: none #FFFFFF;
}
.catalog-mode .yith-wcwl-add-to-wishlist {
  display: none;
}
}

– Kyle

[gregcatmull]

that has sorted the wishlist issue but the header is still visible on mobiles.

[Kyle – SUPPORT]

I can’t see the css in your custom css, where have you added it?

– Kyle

[gregcatmull]

its worked now cheers!

[Kyle – SUPPORT]

Ok great! 🙂

– Kyle