Support for CSS Flyout Menu

[jfreak419]

Can SOMEONE PLEASE HELP ME...

its very simple but i cant seem to figure it out myself...

All i need is the submenu beside the categories i dont need the 3rd and 4th and 5th and 6th level

How can i go about only having a second level?

Please help my deadline is in a week.

[ckosloff]

its very simple but i cant seem to figure it out myself...

Don't you understand that this menu reads from the categories in the database?
If you only have a subcat, then it will only read that one.
You don't have a problem, only you imagine you do.

[jfreak419]

no see the thing is... i do have 3rd level subcategories but i dont want them to appear i only want the second level of categories to fly out... not the 3rd 4th 5th or 6th level.... so how do i go about doing that?

[ckosloff]

...not the 3rd 4th 5th or 6th level...

First time I see a request like this because, what would be the purpose of having subcats if you don't want them to show in the menu?
There are several solutions to this:
1) Don't do subcats, just do EZ pages and link to them from the cat description.
2) Hack the code of the menu, very difficult.
3) Try hacking the CSS like display: none, but then how would you access the subcats?
Looks more like a philosophical than a support question.

[jfreak419]

I think your making it more complicated then it has to be... All i need to do is make the 3rd level and up not display...

[Get Em Fast]

All i need to do is make the 3rd level and up not display...

jfreak, Try this....find this section of code in you stylesheet_categories_menu.css:

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; 
        background-color: #228B22;
}

And change it to this:

div#nav-cat ul.level1 li.submenu:hover ul.level2,
div#nav-cat ul.level2 li.submenu:hover ul.level3
{
        display:block; 
        background-color: #228B22;
} 

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:none; 
}

Then everything beyond the 3rd level will be hidden.


And this will hide everything beyond the second level:

div#nav-cat ul.level1 li.submenu:hover ul.level2

{
        display:block; 
        background-color: #228B22;
} 
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:none; 
}

Hope this helps.

[ckosloff]

Get 'em Fast is kinder than me with these requests.
He's the good cop.