ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Neighborhood
• May 21, 2014 at 10:02 am #76502
  gregcatmull

  Member

  Post count: 109

  Hi,

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

  cheers
  Greg

  May 21, 2014 at 10:23 am #76509
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

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

  – Kyle

  May 21, 2014 at 10:30 am #76512
  gregcatmull

  Member

  Post count: 109

  sorry I the product page.

  May 21, 2014 at 10:30 am #76513
  gregcatmull

  Member

  Post count: 109

  on the product page*

  May 21, 2014 at 10:34 am #76515
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Add this to your custom css:

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

  – Kyle

  May 21, 2014 at 10:54 am #76522
  gregcatmull

  Member

  Post count: 109

  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

  May 21, 2014 at 11:02 am #76524
  gregcatmull

  Member

  Post count: 109

  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?

  May 21, 2014 at 12:33 pm #76538
  Kyle – SUPPORT

  Moderator

  Post count: 35880

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

  – Kyle

  May 21, 2014 at 12:34 pm #76539
  gregcatmull

  Member

  Post count: 109

  shop.garsons.co.uk

  May 21, 2014 at 12:38 pm #76541
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Try this:

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

  – Kyle

  May 21, 2014 at 12:43 pm #76544
  gregcatmull

  Member

  Post count: 109

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

  May 21, 2014 at 12:46 pm #76547
  Kyle – SUPPORT

  Moderator

  Post count: 35880

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

  – Kyle

  May 21, 2014 at 12:49 pm #76548
  gregcatmull

  Member

  Post count: 109

  its worked now cheers!

  May 21, 2014 at 12:55 pm #76553
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Ok great! 🙂

  – Kyle

• Back to forum

  Posted in: Neighborhood