• 

  pmnb

  Participant

  August 12, 2015 at 14:44

  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
  

  Robert Hall

  Participant

  August 12, 2015 at 15:02

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