Support for CSS Flyout Menu

**Get Em Fast** · 26 Jun 2010, 11:04 PM

Originally Posted by Guptyboy

Lots of people say it ... "I love this place!" I'm not a programmer, have little networking skills and know even less about website etc .. but these forums make working with Zen Cart SOOO easy!

That's what we're here for. Glad you found a "Home" with Zen-Cart. Happy Zenning.

Originally Posted by Guptyboy

Usually dont post until I have a problem, most the time either I figure it out or the forums has some useful bits to help.

Shame on you........if everybody done that, there wouldn't be any answers to all the problems in this forum. Every once in a while, just look through the new posts.....you'd be surprised at how many questions you can actually answer by the knowledge you've gained here. That's what this community is built on........the sharing of "learned knowledge"

Originally Posted by Guptyboy

I have this running on my 1.3.9d site (www.battlebunker.com) but
I'm having an issue with the menu extending below and off screen making it fiddly to reach the bottom of the menu ... any suggestions?

I think I read something about a scrollbar that is added for long menus (may not have been for this mod) ... will have to go looking for that in the previous posts on this thread - I must admit I have not read all the pages ....

Read, read, read......that's the key!
O.k., now to solve your problem. In your stylesheet_categories_menu.css, find this block of code (almost at the bottom):

Code:

div#nav-cat ul.level1 li.submenu:hover ul.level2, 
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {
        display:block;
}

And add this to it:

Code:

height: 200px;
overflow: scroll;

Making that whole section look like this:

Code:

div#nav-cat ul.level1 li.submenu:hover ul.level2, 
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {
        display:block;
        height: 200px;
        overflow: scroll;
}

Adjust height (length of box before it starts to scroll) as needed.

Originally Posted by Guptyboy

And I hate feeling obligated to say "I have a template monster theme", from what I have read on these forums I gather they dont go well together.

Cheers

..............no words..............................

Hope this helps.