Weird Request: How to properly disable SuperFish submenu

Permalink
I need only for SuperFish to show the top level menu.But the button
"Max Sub-Page Levels" does not have a "0" option.

I have already commented out submenu in the css but submenu still shows up, and I messes up SuperFish.

Tags:

View Replies: View Best Answer
MattWaters replied on at Permalink Reply
MattWaters
Hi aleamio,

I'm not sure I understand what you're trying to do-- Superfish is designed to be a drop-down menu. Do you want to disable the drop-downs all together? It would seem like that wouldn't require Superfish at all.
aleamio replied on at Permalink Reply
Yeh, I totally agree my request is unbelievable -- but it's true. I will use SuperFish for something it was not designed exactly to do.

I have a two Nav navigation bar and I want to use Superfish for the top level menu only. I chose Superfish because it is so so so so user friendly: you can change hover and selected text color quickly, no need for techie mumbo jumbo -- you can easily change hover box color which stays in place and not become invisible the moment you moved your mouse away, leaving the person at a lost as to where he is at the moment with all the buttons (about 30) in front of him, etc, etc, etc.

The submenu will be taken care of by another nav.

So you click on the Superfish menu and comes another horizontal submenu immediately below the main nav showing a different hover and select box color.

There will be time that I will not need a separate Nav, so the lower NAV will be disabled, and SuperFish will take of both the Top level menu and of course the submenu.

Oh, when I say "There will be times that a second Nav will not be needed and then needed again -- I was thinking in minutes.

This capability (to so show submenu) is the last piece of the problem my site to be complete.

So anyone out there can tell me how to disable SuperFish submenu capability?
MattWaters replied on at Permalink Best Answer Reply
MattWaters
Well, it's certainly not what we were thinking of when we put Superfish together, but this code should hide your sub-menus and arrow indicators all together:

/* hide sub-menus */
ul.sf-submenu {
   visibility: hidden !important;
}
/* hide arrow indicators */
span.sf-sub-indicator {
   display: none;
}


You would also want to comment out the padding-right style for the arrow indicators around line 86 in superfish.css:

.sf-menu a.sf-with-ul {
    /* padding-right:    2.25em; */
   min-width:      1px; /* trigger IE7 hasLayout so spans position accurately */
}


Hope that gets you on the right track.
aleamio replied on at Permalink Reply
MattWaters -- EXCELLENT.

All you your codes did exactly what I wanted.