Return to previous page

Show megamenu with transition - by webtec

This topic has 6 replies, 2 voices, and was last updated 6 years, 1 months ago ago by Rose Tyler

  • Avatar: webtec
    webtec
    Participant
    February 28, 2018 at 11:56

    Hi,
    now the mega-menu appears without any transition or delay:
    is it possible to apply a transition or delay to the mega-menu as it happens for the wishlist menu and cart menu?
    http://prntscr.com/iku6df
    http://prntscr.com/iku6yg
    http://prntscr.com/iku7cx

    #186640 Copied
    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 28, 2018 at 13:54

    Hello,

    Thanks for screenshots. Please add this code in Custom css:

    .nav-sublist-dropdown {
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
.menu-wrapper .menu > li:hover .nav-sublist-dropdown {
    visibility: visible;
    opacity: 1;
}

    Regards

    #186664 Copied
    Avatar: webtec
    webtec
    Participant
    February 28, 2018 at 14:10

    Hi,
    i put the css but the mega-menu has not changed: it always appears without transition or delay.

    http://prntscr.com/ikw6id

    #186671 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 28, 2018 at 14:14

    Hello,

    Please clear cache and check one more time.

    Regards

    #186674 Copied
    Avatar: webtec
    webtec
    Participant
    February 28, 2018 at 14:23

    GREAT !
    this support is #1

    #186678 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 28, 2018 at 14:23

    You’re welcome!
    Have a nice day.

    Regards

    #186679 Copied
  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Tea Store – WordPress WooCommerce Theme
lazy-placeholder
Plumbing Store – WordPress WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Church – WordPress Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Medical – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.