CSS Flyout Menu issue - disappearing too soon

**skymax** · 30 Sep 2007, 09:25 AM

Hi all,
I have just installed CSS Flyout Menu v.1.3.0.3.2 on a v1.3 Zencart. Everything works great except that I have a issue with the flyout menu timeout issue. The submenu would disappear as soon as I try to hover over to the flyout submenu. I am wondering how I can make the flyout submenu stay longer so the user have enough time to hover to the submenu. Is there any configuration I can set under the csshover.htc file to longer the timeout? Thank for your help.

**kobra** · 30 Sep 2007, 10:01 AM

Post a link to this and your Zen Cart version, the browser that you are using and version etc.

**possum** · 5 Oct 2007, 12:37 PM

Hi again Kobra,

It looks like I'm great at re-creating problems that others are having ... a special talent!

You can see the same effect that Skymax is describing on http://www.possumbooks.com and hovering over "Farmyard Tales" in the Category box. (This is the only category with sub-categories at the moment).

I don't think it's so much a time-out issue as one with the level of accuracy you need with your mouse movement to actually select one of the subcategories. I generally succeed in doing it about one time in every five!

Thanks (again) for any help.

Possum
http://www.possumbooks.com

**possum** · 5 Oct 2007, 12:38 PM

I forgot to mention that I'm using css-flyout-categories-v1.3.0.3.2

Possum.

**possum** · 9 Oct 2007, 04:23 AM

I've found out what was causing my problem with this. When I installed the flyout menus the field sizes were too big for the image that I was using in each field so you saw the ugly partial repetition of the image that you see in the screenshot that comes with the download.

To fix the problem, I shrunk the size of the field.

What I didn't understand was that this introduced white-space between the fields, making it almost impossible to move from layer of category to another without the menu disappearing.

The correct fix is to add the "background-repeat: no-repeat;" instructions to your CSS. This leaves the spacing with the required overlap and gets rid of the ugly partial repetition.

Hope this helps someone else.

Possum.