Support for CSS Flyout Menu

[Get Em Fast]

Is there any way to only show the category and sub category? I don't want the sub sub category and the sub sub sub category showing. I hope that makes sense. Georgia has 96 counties and I am afraid it will look too busy. Thanks!

Try adding this to your stylesheet_categories_menu.css:

#nav-cat ul.level3 li {
  display: none;
}

Anything after level 2 should not display.

Hope this helps.

[Get Em Fast]

@zub...........try adding your margin to:

div#nav-cat li

like this:

margin: 0 0 0 10px;

That should do the trick.

Hope this helps.

[rbarbour]

any way to disable categories without product so they are not clickable

[Get Em Fast]

any way to disable categories without product so they are not clickable

To disable a Category you must do that in Admin>Categories/Products. By the Category you want disabled, you'll see a little green box. Click on that box, then click update on the next screen. Your product will then be disabled, and that little green box will now be red.

But, if you're just asking about making the link in the menu still show up in the menu and NOT be able to be clickable.........NO, you cannot do that. A link is a link, is a link....... and ALL links ARE clickable.

[zubenubi]

@zub...........try adding your margin to:

div#nav-cat li

like this:

margin: 0 0 0 10px;

That should do the trick.

Hope this helps.

Hey there, thanks for the response. That did move things over to the right 10px but it seems to have moved everything which doesn't solve my problem.

basically in:
div#nav-cat li:hover
div#nav-cat li.submenu

etc etc... instead of having background-color: I want to have a background-image. However if I replace those commands with images there is no margin on the left. Anything I do to put a margin there might work in FF but causes the flyout sub-cats to break in IE, in that when you mouse towards them, as you get within a few pixels the pop up menu disappears.

I really appreciate your help in this, I don't suppose you could outline for me what I need to change to achieve this?

I've attached a pic for more clarity.

[Get Em Fast]

zub, you have a link to this site?

[zubenubi]

Hi, Get Em Fast. I don't have a link unfortunately as I'm testing on my local machine. I have however figured out what I'm supposed to do, or at least I've fiddled with it enough that I've done something that works for me.

For anyone who's interested, put your background images in:
div#nav-cat li
div#nav-cat li:hover
div#nav-cat li.submenu
div#nav-cat li.submenu:hover

then to push the text over a bit from the margin put the appropriate amount of padding in div#nav-cat li a

also in div#nav-cat li a, you need to change the width so that when you mouse over from left to right the pop-up menu doesn't disappear in IE. As default it's set to width:auto. My sidebox width is 200px, I put 10px of padding-left into that div so I set my width:190px and that worked for me.

hope that helps someone.