Home › Forums › WoodMart support forum › Disable the hover icon bar

Disable the hover icon bar

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 14, 2020 at 8:54 am #210702

    Jean-Michel
    Participant

    Good day.
    Can you please give me a CSS code to make this icon bar invisible. I don’t need that in my shop. I can remove the wish list and compare in the settings, but not “ad to cart” and quick view. I want to have everything away.

    https://nimb.ws/vBlNwe

    Many thanks for your help:

    July 14, 2020 at 10:33 am #210746

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    .product-grid-item:hover .woodmart-buttons[class*=wd-pos-r] {
display:none;
}

    Best Regards

    July 14, 2020 at 11:09 am #210761

    Jean-Michel
    Participant

    I inserted the code under “CUSTOM CSS / Global”. However, it doesn’t work. the icons are still visible. I deleted all chaches. What am I doing wrong? Can you see it:
    https://jamb-xxl.ch/shop/

    July 14, 2020 at 1:45 pm #210836

    Elise Noromit
    Member

    Hello,

    Try this code: 

    body .product-grid-item:hover .woodmart-buttons[class*=wd-pos-r] {
display:none;
}

    It should work: https://gyazo.com/f78a9d4fa32e6b8bd516b339eecfbb53

    Best Regards

    July 14, 2020 at 3:03 pm #210869

    Jean-Michel
    Participant

    How did they do that for me it doesn’t work. Did I insert the code incorrectly? I deleted all caches and deactivated cdn, but it doesn’t work 🙁
    https://nimb.ws/wxZWNc

    July 14, 2020 at 6:46 pm #210917

    Elise Noromit
    Member

    Hello,

    Please provide the site admin access to the private area.

    Best Regards

    July 15, 2020 at 7:42 am #211058

    Jean-Michel
    Participant

    Here is my Admin Access

    July 15, 2020 at 7:44 am #211063

    Jean-Michel
    Participant

    Now it worked. I copied the css code in at the beginning and then it was no longer red but green and now everything works again 🙂 sorry

    July 15, 2020 at 8:22 am #211096

    Jean-Michel
    Participant

    Sorry, but it still doesn’t work in the mobile view. the icons are still displayed there.

    July 15, 2020 at 12:48 pm #211239

    Elise Noromit
    Member

    Hello,

    Please clean the cache and check again. https://gyazo.com/1871832da5a877b94140f1d405dcc9fe

    Best Regards

    July 15, 2020 at 1:25 pm #211264

    Jean-Michel
    Participant

    Yes, but it doesn’t work on the smartphone

    July 15, 2020 at 4:50 pm #211353

    Elise Noromit
    Member

    Hello,

    Please add this code to the Theme Settings > Custom CSS > Global:

    @media (max-width: 1024px){
body .product-grid-item .woodmart-buttons {
    opacity: 0;
}
}

    Best Regards

  • Author
    Posts

Tagged: , , , ,

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