Home › Forums › Basel support forum › Hide Quick shop on mobile and tablet devices

Hide Quick shop on mobile and tablet devices

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 14, 2020 at 6:00 am #218573

    mrskuit
    Participant

    Hi,

    I’ve choosen for hoover on product > quick shop.
    I really like how that turned on dekstop, but I don’t love it on mobile/tablet devices.
    I would like to hide it (only on mobile/tablet devices).

    I added the code following code to Custom CSS for tablet, Custom CSS for mobile landscape and Custom CSS for mobile:

    .basel-hover-quick .quick-shop-btn {
display: none;
}

    But that only hides the black ‘add to cart’. I also would like to hide the heart-icon and the magnifying glass icon. (Only on mobile and tablet!)

    Could you help me with the code?

    Thank you!

    August 14, 2020 at 10:58 am #218679

    Elise Noromit
    Member

    Hello,

    I do not see the icons on mobile now. It seems you have already hidden them.

    Best Regards

    August 14, 2020 at 11:05 am #218680

    mrskuit
    Participant

    No the code that I sent you only hides the ‘add to cart’ on mobile/tablet devices.

    I would also like to hide the heart-icon and the magnifying glass icon.

    https://prnt.sc/tzij9k

    (I only want to hide this at mobile/tablet, not on desktop.)

    August 14, 2020 at 11:48 am #218694

    Elise Noromit
    Member

    Hello,

    Please add this code to custom CSS > MObile/tablet 

    body .basel-buttons .quick-view>a {
    display: none;
}
body .basel-buttons .basel-wishlist-btn>a {
    display: none;
}

    Best Regards

  • Author
    Posts

Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)