Delay on Mega Menu with CSS?

HTML & CSS
1

I was wondering if there is a way to add a delay on the hover using CSS to ensure that the menu doesn’t disappear when the user moves the mouse diagonally from the menu item to one of the subitems. For example, take a look at my menu here:

http://www.ladyluxeinvitations.com/burl/index2.html

If they are hovering over Enjoying Burlington and want to go to Fast Facts…currently they need to move the mouse down in to the panel and the move to the right…as opposed to moving straight to Fast Facts on a diagonal line.

Any ideas?

2

Thanks!!

3

Head on over to the JS forum on this site and they can sort out whatever problems you are having :slight_smile:

4

Yes…I feared that would be the answer!

I tried implementing the hover intent script but I couldn’t get it to work…I will have to try again…

5

You would need Javascript because this isn’t possible with CSS :). JQuery has some nice scripts for this :slight_smile: