Add delay on mouseleave on dropdown menu

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

  • Avatar: Domen
    Domen
    Participant
    January 31, 2019 at 09:37

    Hi,

    i have have open vertical menu on first page. Verical menu also have dropdown sub menus. My problem is that i have no way to cross from menu to submenu in some cases. Dropdown menu just disappears to fast.
    Is there any css or other solution to add some delay for that?

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 31, 2019 at 09:52

    Hello,

    Please add this code in Theme Options > Custom css > Custom css for desktop:

    .secondary-menu-wrapper .menu>.item-design-mega-menu .nav-sublist-dropdown {
        top: auto;
    }

    and go to Theme options > Menu > Menu styling > Secondary menu links > Customize > Secondary menu styles > Paddings – https://prnt.sc/memslo

    Regards

    Avatar: Domen
    Domen
    Participant
    January 31, 2019 at 10:41

    Hi Rose,

    above solution does not work for me. I still dont have dropdown menu from top to bottom

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 31, 2019 at 10:53

    Hello,

    I do not see changes on your site. Please make sure that you cleared all cache. You will get this result – https://prnt.sc/menq9k
    Also, you can change “Mega menu height” and “Mega menu container width” in settings of menu item https://prnt.sc/menr1r

    Regards

    Avatar: Domen
    Domen
    Participant
    January 31, 2019 at 11:50

    i clear cache and disable caching plugin.
    I add mega menu container height so now dropdown menus are high enough.

    PS:
    Before theme upgrade i had css settings set:

    .nav-sublist-dropdown {
         transition: 0.2s 0.4s; /* delay of 0.4 seconds on hover off */
    }

    which allow me that i do not need to be so precise whith mouse movement from menu to dropdown menu. But now this does not work anymore.

    Do you have any solution for this?

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 31, 2019 at 16:17

    I do not see the problem on your site. Is it solved? Please clear cache and check one more time.

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

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

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