Second Horizontal Menu

Author Message
Floyd
Posted: 4/15/2013
Quote message 

Is it possible to create a second horizontal menu of different design?

What I am after doing is when you click a menu item, instead of sub levels showing when you hover over the menu item. I would like to be able to click a menu item and there are sub levels that open and stay open. A bit like the joomla extensions page http://extensions.joomla.org/extensions/communication/forum/7256
you have the main menu at the top, and when extensions is clicked under extend, another menu appears with other options. Can anyone help?

Thankyou for any answers
 
Jimmy
Posted: 4/16/2013
Quote message 

Never seen a horizontal menu that stays open??
 
Lloyd
Posted: 4/16/2013
Quote message 

I mean like. Your normal menu is there ok, you click gallery for example, then directly underneath the main menu is a different menu only showing when gallery is active. If you click home again just the main menu will be shown. Understand what I mean? I just want an alternative to the vertical menu and sub menus that only appear when you hover over them, I think they look tacky.

I want to add a second menu of different design, that's all

Cheers
 
Lloyd
Posted: 4/17/2013
Quote message 

2nd level horizontal menu bar? Anyone?
 
Why
Posted: 4/18/2013
Quote message 

Bye
Bye
 
Lloyd
Posted: 4/18/2013
Quote message 

Well done retard
 
jrgweb
Posted: 4/18/2013
Quote message 

@Lloyd - You can see an HTML website dual horizontal menu's here:

http://demo.artisteertoday.com/2menus/

For joomla try these basic instructions:
1. Create your template and export it to joomla.
2. Install to joomla and make it the default.
3. Create a new module position in the templateDetails.xml file. <position>menu-2</position> ( this can be any name you wish)
4. Insert this code in the index.php file. <?php echo $view->position('menu-2'); ?> ( insert right above </header>)
5. In joomla, add the main menu to position-1
6. create another menu and select position menu-2 (or whatever you called it)
7. In the template.css you need to position this menu. ( you can position wherever you want.)
example:
.menu-2 {
margin-top: 170px !important;
float: left;
margin-left: 85px !important;
}
8. Then in the 2nd menu under advanced options/menu class suffix enter this:
art-hmenu menu-2 (a space needs to go before this statement)

Keep in mind some templates will need additional tweaking.


 
Stephan
Posted: 6/13/2013
Quote message 

This may not match what you want, but another way to have "dual" view menus is to use the SAME menu in two locations. In Joomla, configure the first one to ONLY show 1 level, starting at the first level.

Make a copy of the same menu module, and then put into the second location. Then, configure that menu to start with the second level and show all remaining levels.

There's a Joomla tutorial on this somewhere, but I don't have a link to it.
 
Oystein
Posted: 9/5/2015
Quote message 

Quote jrgweb:

@Lloyd - You can see an HTML website dual horizontal menu's here:

http://demo.artisteertoday.com/2menus/

For joomla try these basic instructions:
1. Create your template and export it to joomla.
2. Install to joomla and make it the default.
3. Create a new module position in the templateDetails.xml file. <position>menu-2</position> ( this can be any name you wish)
4. Insert this code in the index.php file. <?php echo $view->position('menu-2'); ?> ( insert right above </header>)
5. In joomla, add the main menu to position-1
6. create another menu and select position menu-2 (or whatever you called it)
7. In the template.css you need to position this menu. ( you can position wherever you want.)
example:
.menu-2 {
margin-top: 170px !important;
float: left;
margin-left: 85px !important;
}
8. Then in the 2nd menu under advanced options/menu class suffix enter this:
art-hmenu menu-2 (a space needs to go before this statement)

Keep in mind some templates will need additional tweaking.




This worked oki, but how can I change the menu-2 so it look smaller and have maybe other colors, so it will look as it is a submenu and not as a second row in the mainmenu.