Return to previous page

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

This topic has 2 replies, 2 voices, and was last updated 8 years, 8 months ago ago by Robert Hall

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

Support staff

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)

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

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Furniture Store – WooCommerce Theme

lazy-placeholder

Jewelry Store – WordPress WooCommerce Theme

lazy-placeholder

WooPress – Responsive Creative HTML5 Template

lazy-placeholder

Classic Fashion Store (Dark) – WordPress WooCommerce Theme

lazy-placeholder

Designers – WordPress WooCommerce Theme

lazy-placeholder

Plumbing Store – WordPress WooCommerce Theme

lazy-placeholder

Handtools Store – WooCommerce Theme

lazy-placeholder

Real Estate – WordPress WooCommerce Theme

lazy-placeholder

Cleaning – WordPress WooCommerce Theme

lazy-placeholder

Church – WordPress 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.