Delay drop down menu - by pmnb - on WordPress WooCommerce support

1 reply2 participantsUpdated by Robert Hall

  • Avatar: pmnb
    pmnb
    Participant

    Hello Team,

    I would like to know how i could “delay” the drop down main menu of my website.
    If I go from the top to the middle of the screen, crossing the main menu, the drop down appears immediately. I would it to take a lil bit more time before displaying.

    I tried to find solution on wordpress forum, it seems that it’s something about hoverIntent JS function.

    This will be a great help if you could tell me how to change de delay before drop down menu appear.

    Best regards

    Please, contact administrator
    for this information.
    #79613 Copied Theme version: 2.8

    1 Answer

    Avatar: Robert Hall
    Robert Hall
    Participant

    Hello,

    You can try to use this code in custom.css file

    .nav-sublist-dropdown{
opacity:0;
}
.menu-item-has-children:hover > .nav-sublist-dropdown{
  opacity:1;
 -webkit-transition: opacity 1s ease 0.2s;
     -moz-transition: opacity 1s ease 0.2s;
     -o-transition: opacity 1s ease 0.2s;
     transition: opacity 1s ease 0.2s;
}

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Robert Hall.

    #79624 Copied

Want to reply? Log in, or register with your ThemeForest purchase code, to reply to this topic.

Login / Register

Similar topics