Home › Forums › WoodMart support forum › Increase hover speed on Main menu bar and product images.

Increase hover speed on Main menu bar and product images.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 8, 2019 at 8:23 am #100554

    pogopie
    Participant

    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

    January 8, 2019 at 4:43 pm #100730

    Elise Noromit
    Member

    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
Viewing 2 posts - 1 through 2 (of 2 total)