Horizontal Menu Protostar Template

[akilshaw]

The new Joomla 3.0 has the option to give the user a horizontal menu, well I have tried this using the (space)nav-pills and without a space but my menu still shows as a list menu am I doing something wrong, please help 2 days of testing trying has been enough , also the modules are set correctly to my articles and I have tried a number of things to try get the menu to align next to each other in a horizontal mode,

Image is attached

regards
Adam

[akilshaw]

214 views and still no answers after 3 hours damn its not like the fast food service eh

[npetrovic]

Click on Menu's > Main Menu Menager

It will open new page and you will see on right end "Linked Modules" menu.
Click on it and it will open menu where you will see sub-menu named "Position"

There you can assign position of your main menu and there is option for horizontal or vertical menu's

[Potus001]

214 views and still no answers after 3 hours damn its not like the fast food service eh

Nah, that's the problem.

They're all volunteeers so you'll have to be patient.

I use Artisteer to make my templates.

Try Siteground. They have some free templates with horizontal menus.

[kh1957]

Try putting a space before "nav-pills"
Don't know why ... but it worked for me.
The only problem now is that I can't work out how to display sub-menu items with the horozontal menu.

[nic_86]

display sub-menu on the homepage:

1) in the back-end in the navigation bar click on Menus --> Main Menu
2) in the left side click on "Menus"
3) in the column "Linked Modules" click on combo box "Modules" then option "Main Menu"
4) click on tab "Options"
5) "Show Sub-menu Items" click on "Yes"

[simonjshaw]

In answer to the original question, I had the same problem, till I realised I'd put nav-pills (space before IS required) into the "module class suffix" field not the "menu class suffix" field where it ought to be!
Hope that helps someone.

[exobytes]

that's right, just add <space> before your write down nav-pills

" nav-pills"

without quotes

[ceciliasp]

Hi, I've followed the instructions to add the SPACE nav-pills but I can`t make the menu to show horizontally.
I`ve placed the menu in the postion-1.

I really don`t know what can be the problem
.

Thanks

[ncireland]

I've managed this by selecting position-1 for the menu module, with Menu Class Suffix of " nav-pills" and Module Class Suffix of "_menu".

(omit "'s)

HTH

[ceciliasp]

I've managed this by selecting position-1 for the menu module, with Menu Class Suffix of " nav-pills" and Module Class Suffix of "_menu".

(omit "'s)

HTH

Thanks... that worked!

[CrandellWS]

A pull request can be found here https://github.com/joomla/joomla-cms/pull/3138

In the main Joomla source find

/modules/mod_menu/tmpl/default.php

Line 15

Code: Select all

 // Note. It is important to remove spaces between elements.
  ?>
  <?php // The menu class is deprecated. Use nav instead. ?>

-<ul class="nav menu<?php echo $class_sfx;?>"<?php

Code: Select all

 
 +<ul class="nav menu <?php echo $class_sfx;?>"<?php
  	$tag = '';
  
  	if ($params->get('tag_id') != null)

[yohebon]

display sub-menu on the homepage:

1) in the back-end in the navigation bar click on Menus --> Main Menu
2) in the left side click on "Menus"
3) in the column "Linked Modules" click on combo box "Modules" then option "Main Menu"
4) click on tab "Options"
5) "Show Sub-menu Items" click on "Yes"

I've seen this post: http://forum.joomla.org/viewtopic.php?f=713&t=812201
My question is how can I display sub-menu in level 3/4/... place?

[tutonn]

Please find the menu item in css. Better if use firebugs. Find ul>li for menu items.
li{
display:inline}
and change it to
li{display:flex;}

Then adjust your margin and padding accordingly.

[somo60]

I've managed this by selecting position-1 for the menu module, with Menu Class Suffix of " nav-pills" and Module Class Suffix of "_menu".

(omit "'s)

HTH

Thanks... that worked!

It works only after adding a space before nav-pills Menu Class Suffix.
Thanks.

[kimhuff]

I've managed this by selecting position-1 for the menu module, with Menu Class Suffix of " nav-pills" and Module Class Suffix of "_menu".

(omit "'s)

HTH

Thank you so much! This worked GREAT!!

[ronp5555]

Try putting a space before "nav-pills"
Don't know why ... but it worked for me.
The only problem now is that I can't work out how to display sub-menu items with the horozontal menu.

You are quite correct with your solution. Thanks a lot for saving me additional frustration and time. Don'l know why this has not been fixed by Joomla after 3 years!!!!

[sovainfo]

Try putting a space before "nav-pills"
Don't know why ... but it worked for me.
The only problem now is that I can't work out how to display sub-menu items with the horozontal menu.

You are quite correct with your solution. Thanks a lot for saving me additional frustration and time. Don'l know why this has not been fixed by Joomla after 3 years!!!!

Some people just never learn! Nothing to be fixed! There is nothing wrong!

[RuudvdM]

go to Extension --> Modules --> Main-Menu --> field Menu class suffix : fill in 1 space followed by nav-pills : save
result : your menu will be displayed in horizontal direction : true!!