Question about navigation menu

I feel that the navigation from the very top can be overwhelming by so many submenus.  I'm thinking about removing them but keeping them inside.  For example, they can click Photo and then click any of those submenus if they want to go further. I think this way is less complicated for them. :/ So my question is can this be done?

Of course it can!

I just don't know how.

Just because I don't know, doesn't mean I don't learn how.

Edit the file top_menu.css found under ./templates/base/css/ and look for the following on line 53:

.topMenu .top ul.sub li { 
width:100%;
margin: 0px;
line-height:33px;
/*height:33px;*/
min-height:33px;
}

Change it as follows:

.topMenu .top ul.sub li { 
width:100%;
margin: 0px;
line-height:33px;
/*height:33px;*/
min-height:33px;
display:none;
}

The needed change has been shown in red.

Once done with your changes, save the file and empty the ./cache/ and ./cache_public/ directories, leaving the .htaccess file in the former directory intact.

Note, that this will also disable the extended-menu-item drop-down box from displaying. To overcome this, change the menu display settings in the administration panel to show all of your menu items.

Have fun.

ah! top_menu.css! I didn't think it could be in css.  U're so good. :P  Thanks

extended-menu-item drop-down?  do you mean those icons (home, dashboard, profile, and mail)?

edit.. oh never mind.. you mean the the very last icon.  hmm i would like to show the list of dashboard, profile and mail.  i don't know that's possible.  :/

I am referring to the menu item which displays the extended menu after the display-limit has been reached.

That would require more than a simple file edit.

I still need help with this.  magussoft idea works great but it also removes dashboard, profile, mail and extended menu drop downs. I don't want that.  I want to keep them but remove the rest.  any ideas?  :/

I warned you about this. That was a simple CSS edit. I'm unaware of how to go about selectively displaying menu items (which I imagine requires more than a simple file edit).

Admin > Builders > Navigation Menu

Scroll right and find the block for the photos menu and then drag all of the submenu items off of it into the 'All Items' section at the bottom.

/DM

Which then removes it from the sub-navigation menu.

has anyone figured out a solution to disabling the drop down menu action in the navigation menu?

You've just posted in the topic with the solution you seek.

i was using the display:none, but as we know the extended menu wont show if you have more links. i was thinking there has to be a way to disable the javascript or css somewhere that makes the drop down menu appear when you hover over the links, leaving it on for the extended menu link only.

sweet! works perfectly. thanks a lot houston.

WOW! i would never do that.

Was the answer to this that worked from houston removed as I really need to know this answer? Does anyone know this?

Add to the bottom of top_menu.css of all templates that you want to do this to:

.topMenu .top ul.sub.main_elements {
left:-2000px;
}

That moves the items off the screen.  You can also try the css below, but I have found that it doesn't quite work right in all templates:

.topMenu .top ul.sub.main_elements {
display:none;
}

.

Houston thanks for the response on this... I am using 7.05 running UNI template.... I tried each one you suggested at the bottom of top_menu.css and cleared cache... Any other suggestions?

and none of them worked :-(

It works thank you :-) I had to clear my browsers cache also and it works!!!