PDA

View Full Version : Chrome CSS Drop Down Menu: Menu Hides



stupidscript
06-04-2019, 07:56 PM
1) Script Title: Chrome CSS Drop Down Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

3) Describe problem:

Using chrome.js updated Oct 29th, 08 to v2.5

On this type of page: https://www.hamptonnautical.com/beach-decor.php the menu/drop down works fine (product, category, etc.)

But, this type of page: https://www.hamptonnautical.com/contact.php can't keep the drop down menu visible long enough to use (contact, search, account)

So, for the first type: mouseover one of the top menu items, the drop down appears, and you can mouseover any item in the drop down and use it.

For the second type: mouseover one of the top menu items, the drop down appears, but disappears as soon as you try to mouseover any item in the drop down.

Changing the delay speed does not solve the problem ... while it does delay the dropdown menu hide, mousing over the drop down menu does not cancel the setInterval, or setTimeout that does the hiding on mouseout of the chromemenu trigger.

Moving the drop down menu holder DIV closer to the top menu, even overlapping it, is also ineffective.

I can not figure out why one page would behave properly and the other would not ... they both use the same header and script files.

TIA for any guidance on where I can hunt for this issue.

molendijk
06-08-2019, 12:34 PM
It's hard to see what causes the problem on contact.php because your pages don't validate. Use index.php as a template for carefully rebuilding contact.php.