Increase hover speed on Main menu bar and product images.

I want to increase the hover animation speed on my website: https://www.velomont.com/cs/
On the top menu and the product hover.
Thanks

Hello,

Add this code to the Theme Settings > Custom CSS:

body .woodmart-hover-base .product-wrapper {
    -webkit-transition: -webkit-transform .2s ease;
    transition: -webkit-transform .2s ease;
    transition: transform .2s ease;
    transition: transform .2s ease, 
    -webkit-transform .2s ease;
}

body .whb-scroll-slide .whb-secondary-menu .item-level-0>a {
    -webkit-transition: all .15s ease,height 0s ease;
    transition: all .15s ease,height 0s ease;
}

body .sub-menu-dropdown, body .dropdown-cart {
    -webkit-transition: opacity .1s ease,visibility .1s ease,-webkit-transform .1s ease;
    transition: opacity .1s ease,visibility .1s ease,-webkit-transform .1s ease;
    transition: opacity .1s ease,visibility .1s ease,transform .1s ease;
    transition: opacity .1s ease,visibility .1s ease,transform .1s ease,-webkit-transform .1s ease;
}

Best Regards

[Author]

Posts