CSS Drop-down Menu / Posts /

Problem with flyouts

Great script. Having a problem with the flyouts. They appear but disappear when moving the cursor to the flyout. There is a space between the dropdown and the flyout ... ?
Kevin  10 years ago   viewed: 6325    

6 Answers

Because Menucool's demo does not have that problem, you can follow the #3 approach in http://www.menucool.com/2457/Troubleshooting-Request
Milo   10 years ago
Thanks. I've replaced all code with menucool's exactly, and the problem continues. Here's a short video:


Kevin   10 years ago
I can see a gap between the submenu and the flyout. That means you have changed the CSS setting improperly. 
Milo   10 years ago
Yes, I see that too. But I haven't changed anything; I loaded menucool.com code exactly. No changes. Copy and paste. It doesn't make sense to me either. Thanks anyway.
Kevin   10 years ago
Maybe the menu has taken your other CSS settings. You can firstly remove every other css settings except the one for the menu. Then add other css one by one until you find the conflict.
Milo   10 years ago
Took your advice and reinstalled everything, then went back through item by item. No luck. Found a suggestion in another forum that worked. The "problem" was in the sub level width. Widening it from 200px to 225px closed the gap and allowed the cursor to move across the menu. This was the only thing I changed; I hope this helps someone else. Video link is below.  

/*######sub level###########*/     
ul.menuH ul
    position: absolute;
    left: -9999px;
    border: 1px solid #DDD;
    border-top: 0; 
    background: url('../images/bg-menu.gif');
    text-align: left;
    list-style: none; margin: 0;  
    /*Following 1px(padding-right) will determine how much it is overlapped by the sub-sub-menu */
    padding: 0 20px 10px 0;


Kevin   10 years ago


Your name*
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question: