Discussions on this article:

By default, menus in Joomla 3.0 will be displayed vertically. Many users would like to instead create horizontal menus, such as a menu that appears at the top of your website. In this tutorial, we'll walk you through the steps for creating a horizontal menu in Joomla 3.0.

Creating a horizontal menu in Joomla 3.0 is not as difficult as creating a horizontal menu in Joomla 2.5. This is mostly due to the addition of bootstrap in Joomla 3.0. In this article we'll show you how to use bootstrap's nav-pills CSS class to make a hoizontal menu.

Creating a Horizontal Menu in Joomla 3.0:

In this tutorial, we'll assume that you've already created a menu in Joomla 3.0 and assigned it to a position. The following steps walk you through updating an existing menu so that it displays horizontally.

  1. Log into your Joomla 3.0 administrative dashboard
  2. In the top menu, click Extensions and then click Module Manager
  3. In the list of modules, click on the module for the menu you would like to modify. Make sure it's Type is menu.
  4. Within the set of tabs toward the top of the page, click the Options tab, then click the Advanced Options link, to access the settings.
  5. Find the following setting:

    Menu Class Suffix
    A suffix to be applied to the CSS class of the menu items

    For this setting, enter nav-pills and then click the Save button in the top left of the page.

    Important! If you are using Joomla 3.02 and 3.03 or cannot get the nav-pills to work, you may need to add a SPACE before nav-pills entry.

    menu-class-suffix-nav-pills

    You can see in the screenshots below how setting nav-pills as the Menu Class Suffix sets a menu to be horizontal.

    Menu Class Suffix: (empty)Menu Class Suffix: nav-pills
    vertical-menu horizontal-menu
Continued Education in Course 105: Working with Menus in Joomla 3
You are viewing Section 4: How to Create a Horizontal Menu in Joomla 3.1
Section 3: Joomla Menu Item Types
Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Joomla Community Google+ Hangout #3

June 3rd, 2014

Thank you @RustyJoomla for letting me speak on the Joomla Community Google+ Hangout!

Click here to watch!

2013-03-25 1:25 pm
Your briljant! Thanks!
It doesn't work without the space indeed.
n/a Points
2014-04-02 8:34 am

open modules/mod/menu/default.php and change

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

to

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

 

then there is no need to add a space into menu-suffix textbox

n/a Points
2014-07-15 4:08 am

Works (with the space).  Thanks a lot!!

2013-04-10 5:10 am
i cannot even see the advanced options tab, it only shows 3 tabs details, options, menu assignment
Staff
10,345 Points
2013-04-10 12:37 pm
Hello bnbcloud,

Thank you for your comment. Since Joomla recently updated the interface, I have updated this article to reflect the new location of the Advanced Settings.

If you have any further questions, feel free to post them below.
Thank you,

-John-Paul
2013-04-12 11:35 pm
Hi,
great article... i cant seem to get it working though. I tried everything in this article, properly.
i am running off of Joomla! 3.0.3. and i even tried adding a space in front of nav--pills
and yes the type is set to menu..

any suggestions? Your help is much apreciated!

-Chris
2013-04-24 5:55 am
@ChrisNolan; make sure you put navpills in the "menu" class field and not in the "module" class field. This I did at first time and of course didn't worked out. I also have to use the space upfront..
2013-05-28 7:59 pm
Thanks a lot. This works excellent with Joomla 3.0.1
a space is required before " nav-pills"
2013-09-07 6:19 pm
Thanks for the great tutorial.
I have set it and it works well, but it drops down the submenus only for the current/active menu.
Is it possible to get drop down submenus for all of the menus someway ?

Question: Be sure to add a space!

2013-09-18 12:14 pm
1 million thanx man. made my day.
i first tried 'nav-pills' initially and it didnt work.
finally added a space ' nav-pills' and it worked
2013-09-19 10:00 am
I cannot seem to get it to work.

I am using Joomla 3.1.5 and put ' nav-pills into the menu class suffix and it still shows vertically. Am I supposed to install something?
Staff
9,479 Points
2013-09-19 12:50 pm
You may have old cached data within your browser. Try clearing your browser cache and reloading the page.
2013-09-20 4:48 am
Hi,

I done that and still cannot get it to work. www.tiverton.devon.sch.uk/joomla3

thanks
2013-09-20 5:51 am
tried a "SPACE" before nav-pills entry?
2013-09-20 6:01 am
Yep

Its in position top-a of halcyon responsive template if thats of any help

thanks
2013-09-20 7:10 am
I know that nav-pills is Twitter bootstrap related. Halcyon template is based on a gantry framework. I don't know whether Bootstrap is included, you should sort that out first.
2013-09-20 7:28 am
Thanks for that. How did the other people manage to do it?
2013-09-20 8:44 am
I.ve only worked with the standard Protostar template, Bootstrap is standard. You should ask the builder of the template perhaps?
Staff
9,968 Points
2013-09-20 1:14 pm
Hello charlottedrake and GeorgevanderSijde,

charlottedrake as GeorgevanderSijde was ever so nice to point out, it looks like your Joomla template lacks Bootstrap which is what this article was based off.

From the Joomla side your outputting HTML seems to still have the issue of no space before the nav-pills text.

If you happen to be using the Google Chrome web-browser, you can load up your page, right-click on your MyProfile link at the top and click Inspect Element, you should see something like this:

<ul class="nav menunav-pills">
<li class="item-196">
<a href="/joomla3/index.php/myprofile"><span class="menuitem">MyProfile</span></a>
</li>


As you can see what I highlighted in red is showing menunav-pills. It should instead read simply menu nav-pills with a space in-between menu and nav-pills.

If you get that taken care of by following the steps in this article, you could still add your horizontal menu functionality by simply adding Bootstrap to your Joomla template. I confirmed this should work with Bootstrap 2.2.2, which could also be directly downloaded here.

This is what your current theme would look like with Bootstrap also being used:



Hope that helps, let us know if you had any further questions at all. Thanks again GeorgevanderSijde for helping out :)

- Jacob
2013-09-21 7:59 am
Thanks Jacob, hopefully charlottedrake will succeed!
2013-10-24 11:26 am
Hi alls.
I am using Joomla 3.1.5 and I need to put a space " nav-pills" into the menu class suffix and it shows ready horizontally.
I don't need add bootstrap beacuse joomla 3.1.5 gets it ready install
Staff
9,968 Points
2013-10-24 1:29 pm
Hello wmoreno3, and thanks for your comment.

Yes you're right Joomla 3.0 and above come with Bootstrap included. It looks like in this article we note that for versions 3.02 and 3.03 you need to be sure to add a space before the " nav-pills" class.

Are you saying that you still need to do this in Joomla 3.1.5? Or that your Joomla template already has the menu horizontally so you don't need to change it?

- Jacob
Staff
17,855 Points
2013-10-24 1:31 pm
Hello Wmoreno3,

I just loaded Joomla 3.15 to test it on this issue. You will need to add the space in front of "nav-pills" as per the instructions above. This will enable the horizontal menu option to work.

Arnel C.
2013-10-28 2:09 pm
Hello everybody:
I am testing this issue with Joomla! Version =Joomla! 3.1.5 Stable [ Ember ] 01-August-2013 14:00 GMT
and I can't get it working, either with or without the space before the " nav-pills" class in the field Module Class Suffix.

When examining the HTML source of the index.php, I can see:
<ul class="nav menu"> at the start of the top menu code (I am using the default protostar template,
with top menu in position-1)

in the <head> however, I can find this line with "nav-pills" inside:
.navbar-inner, .nav-list > .active > a, .nav-list > .active > a:hover, .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover,

MbExel



Staff
9,968 Points
2013-10-28 2:58 pm
Hello MbExel,

It sounds like the CSS code for the nav-pills class is getting added into the page, but then the menu itself isn't using the class, as it should read:

<ul class="nav menu nav-pills">


If you can let us know where you're encountering this issue at we can try to see what might be causing the problems, possibly an included file not being found or something of that nature. But it sounds like your Joomla Menu Class Suffiix settings aren't being included into your menu at all, do you have any Joomla caching currently enabled that might be preventing these new settings from applying?

- Jacob
2013-10-29 5:02 am
Hello Jacob,

my fault! I did the same error as mentioned above by GeorgevanderSijde :
I added <space>nav-pills in Module Class Suffix field instead of Menu Class Suffix...
It works now, thanks all the same.
2013-11-26 9:25 pm
Hi alls again, I need to do a fresh install of joomla 3.2 and I still need to put a space in front of nav-vills, " nav-vills", into the "menu class suffix" in order to get an horizontal menu
2013-12-03 3:49 pm
Thank you! This was driving me insane!
2014-01-10 12:10 pm
Hello everyone, and thanks, got it up and working BUT would also like to have a horizontal sub-menu just below the parent horizontal menu.
At the moment I have a horizontal parent menu and a vertical sub menu.
n/a Points
2014-03-03 10:17 pm

Hi Brad

Thanks for your tutorial. For clarity maybe you could add that the Nav-pills works best when Main menu is assigned position 1(top)

Regards JohnB

n/a Points
2014-03-12 5:55 pm

a great article explained perfectly - thank you

n/a Points
2014-04-05 6:49 pm

hi, i have done the space before everything, the menu is still on the right side, but seems actually it is the 'latest articles' if i check it with firebug; but there is no menu on the top... :(using the joomla 3.2.3

Menu Class Suffix: nav-pillsModule Class Suffix: _menu

can you please help? screen grab would be helpful :)

thanks

Staff
20,312 Points
2014-04-07 12:38 pm
Hello Suzie,

We would need to take a look at your specific URL in order to investigate further. If you would not mind replying with it we will check into what is causing your issue.

Kindest Regards,
Scott M
n/a Points
2014-04-07 6:54 pm

hi Scott, very kind of you.  the menu shows on the bottom with the next and previoius button for some reason.  the latest articles shows the actual menu as at the moment not much content on the site, i am working on perfecting the template before the owner puts it live.  if you could keep the site address out of the discussion that would be appreciated: http://xxxxxxxxxxxxxxxxxx.com

i have gone through making the site responsive but i am missing parts which makes the background responsive as well, also to be able to change in the CMS...  if you have any link to do that too, i will buy you a beer ;)

thanks for your help in advance,

Suzie

Staff
17,855 Points
2014-04-07 8:47 pm
Hello Suzie,

From what I could see of your code, it looks like the bottom link isn't even a menu item. You should go back and double-check it in the settings as described above. When I look at the code, the first two menu items show up as list items (which indicate it's a menu), but the "Getting Started" item is not located in the same area. Unfortunately, the only way for us to really see what's happening is to be able to login to the Joomla Admin so that we can see what you've done. I would go back through this article's instructions and look at the settings you have set for this module. Please remember that anything you post in the Community Support website is public domain. I did remove your website URL from the last comment because of your request. However, private support typically requires a hosting account with us and a submitted support ticket.

Kindest regards,
Arnel C.
n/a Points
2014-04-09 4:51 pm

many thanks guys for trying to help. unfortunately that navigation on the top has never been there... probably the reason why it did not become horizontal as it has never been vertical either.  i have tried to change every bit, saved it checked the site, nothing seems to be working. :(

i followed the steps to create my own template through your guide, but seems i am the unlucky one who have not managed it to work. 

this is not my site so i cannot commit to any payment for your support, so i will try to start all over again, then i will give it up... i have wasted days with trying to make it work, this should be so simple... not sure why it is not :(

anyway, many thanks for your help again, Suzie

n/a Points
2014-04-09 5:27 pm

guys! found it!  in your page: http://www.inmotionhosting.com/support/edu/joomla-3/create-template/make-responsive?tsrc=rsbedu

you actually did not put this anywhere!

                <jdoc:include type="modules" name="position-1" style="xhtml" />                <jdoc:include type="message" />

i put it in the header and tahdah! :)you might want to put this info somewhere!  anyway really appreciate your help

happy suzie ;)

Staff
9,968 Points
2014-04-09 7:23 pm
Hello Suzie,

Glad to hear that you got things figured out. So it sounds like you were using a custom Joomla 3 template on your site at first?

You don't need to worry about adding any code in the header by default when trying to get horizontal menus to work in Joomla 3. Only if you were going through and creating your own template from scratch.

Please let us know if you run into any other issues at all.

- Jacob
n/a Points
2014-04-23 8:32 am

i am having issue with my joomla site 3.2.3, horizontal menu. how can i control that?

get me abcd steps please

Staff
9,479 Points
2014-04-23 8:37 am
Within Joomla 3.2.x, the process is the the same as with Joomla 3.1. Could you clarify what you are experiencing issues with?
n/a Points
2014-04-23 8:56 am

kindly call www.gaboteksecurity.com and see what my menu looks like and advice

 

this is my first live joomla site

Staff
9,479 Points
2014-04-23 9:39 am
I took a look at your site and it look like you made a typo and wrote niv-pills instead of nav-pills which is causing the issue.
n/a Points
2014-04-27 1:19 pm

Hi!

I updated an old 1.5 site to 3.2.3 which worked fine. Then I added 3 new test articles (protostar template) and a horizontal top menu (topmenu) with nav-pills in position-1 for those articles - but the top menu just won't show in the frontend!

Any idea what I'm doing wrong?

I can't add menu entries in the usual way either - the Menu Type dialog won't open (works perfectly with 3.2.2) except when I enable the debug mode, then it opens... also the template files won't open - I can see them openening but then the view changes to showing "1" - not that this is a problem, I prefer editing those files offline anyway, but still I'm wondering what's happening here...

I'm not even sure if I'm allowed to post my questions here, but this was the post closest to the troubles I'm having, couldn't find anything helpful on google so far...

I'd be very grateful for any help...

Thanks in advance!

Kyeema

Staff
9,479 Points
2014-04-29 8:07 am
It sounds like either an issue within your browser, or an issue within your Joomla core files. First, I recommend clearing your browser cache to see if that resolves the issue. If the issue still persists, I recommend replacing your Joomla core files from the default Joomla 3.2.3 installation files.
n/a Points
2014-04-30 2:43 pm

Thanks for your reply!

I cleared my browser cache - now I can add new menu entries properly and edit the css files, but the menu still doesn't show...

Are the Joomla core files all the files in the joomla directory except for the copy of the template which I made and edited? I assume that's a stupid question, sorry, but I really don't know...

For now I installed Joomla 3.2.3 in another directory with a new database and started transfering the articles by html code one by one into the new system while the old system is still running in the old directory... it's not the most elegant solution, but it works...

 

Staff
9,968 Points
2014-04-30 4:01 pm
Hello Kyeema,

The Joomla core files would simply be the raw files that you download when first getting Joomla. So you were right, they are all the files in your Joomla directory except for the copy of the template you made and edited.

In order to troubleshoot what might be wrong with your menus not showing on the front-end, if you'd like to leave your website URL here in a comment we can remove it for privacy before posting to the comment to the public. That way we can check to ensure that all of your template's files are being properly loaded.

- Jacob
n/a Points
2014-05-06 1:17 am

Sorry for my late reply... and thanks for your answer, Jacob!

The link is: http://www.<removed for privacy>.eu/<removed for privacy>/index.php?option=com_content&view=article&id=103 (please remove before posting!)

I haven't had time to work on the project for the past couple of days... and if I do now I will work on the second joomla I installed and which works properly... still I'd be curious what went wrong when I updated the old system... I just don't want to replace the core files cause I fear that with the old template I used there might be troubles which I'm not willing to deal with as the old system goes offline anyway as soon as the new one goes on  - well, then I will definitely try ;)

Thanks again!

 

PS. Your captchas are really hard to read! It usually takes me several reloads till I get one I can decypher! :D

Staff
9,968 Points
2014-05-06 6:51 pm
Hello again Kyeema,

I went ahead and took a look at your site, and unfortunately from just looking at the front-end I can't determine why your menus might not be showing up. In the HTML source view of the page, it doesn't look like there is a mention of them at all, so either your template is missing something, or some of the core Joomla files aren't working properly.

- Jacob
n/a Points
2014-05-03 3:40 am

Thanks guys this solution works a treat even operating with default Gantry template in Joomla 3.2.4. Easy fix. Cheers.

Staff
17,855 Points
2014-05-05 1:39 pm
Thanks Kerryn!

We always appreciate the feedback! Let us know if you have any further questions!

Regards,
Arnel C.
n/a Points
2014-05-06 7:17 pm

Hi Arnel

I have requested my webmaster to get me more info on how to use bootstrap codes in Joomla 3 for Menu Class and Module Class Suffix   If you have a good pdf or web for me to refer to would appreciate. In the older versions of Joomla I would just adjust the look of a page to reflect my template by putting 'art-article', or I would go through Dreamweaver and make html adjustments in CSS there. 

Now that we are using Gantry software I am loathe to fiddle too much with coding because it can screw up easily and my wm must then reverse engineer what I have done. I normally state what I have done and comment out though, so I never screw up that badly. Lol.

I would like the bootstrap code for simply centering the horizontal menu...I've tried a few different commands I thought would work from my own html code lists and threads online but I haven't got it yet.

If you could enlighten me that would be awesome.

Cheers

Kerryn

Staff
17,855 Points
2014-05-06 8:06 pm
Hello Kerryn,

Thanks for the question. We also do much of our work here in Joomla, but we work primarily in writing articles using HTML with Boostrap codes in articles. The Menu and Module class suffix would probably need to be adjusted through CSS for the template. The best reference I'm finding on it can be found in this Stack Overflow article. You can adjust the positioning in the CSS. I hope this helps to shed some light on the issue. If I find anything further I will post another reply.

Kindest regards,
Arnel C.
n/a Points
2014-05-07 1:27 am

Hello Jacob,

thanks for looking at the site... I also think that some of the core files aren't working properly... when the new site is up I will replace the core files and if that doesn't work the template files... I will keep you posted when I find out what the reason was...

Thanks for your help anyway!

Kyeema

Staff
20,312 Points
2014-05-07 6:26 am
Hello Kyeema,

You are most welcome. We are always here to help the best we can. Please let us know if you have any other issues!

Kindest Regards,
Scott M

Question: Steps for different versions of Joomla?

n/a Points
2014-05-23 5:12 am

Joomla 1.7.3 version i need to add custom css code based menus.so i need clear step by step guide.

  1. now i added two menus[home,aboutus].but it showing first line home and next line same position aboutus.
  2. i need to change the menu appearance like home next about us same line
Staff
5,399 Points
2014-05-23 8:32 am
Hi Mohan, creating a horizontal menu in Joomla 3 is actually quite easy because this version of Joomla includes bootstrap. If you're using an older version of Joomla, such as the 1.7 version you specified, the steps will be a little different. For more help with creating a horizontal menu in older versions of Joomla, please see this guide.
n/a Points
2014-05-27 8:41 am

Thank You 

n/a Points
2014-05-25 5:46 pm

HiI need help not to mane a menu but to mane menu points that opens alle the sobmenus ven clickt og tuched!!!

Claus

Staff
9,479 Points
2014-05-27 8:21 am
This can be achieved by simply adding some code to add a menu using Bootstrap. A user on the Joomla forums has described how to create a Bootstrap dropdown menu in Joomla 3 which will help you along the process.
n/a Points
2014-06-03 9:09 pm

This article is great. I have been able to get the horizontal part to work. My question is how to get the submenus to go up instead of down. I'm using this as a footer. My website is dancedemo2.faa.illinois.edu

Any idea you may have would be appreciated.

Thanks so much

Sol

Staff
9,479 Points
2014-06-04 8:33 am
It is possible, however, would take quite a bit of custom code to make it look right. The following article will get you pointed in the right direction:

Twitter Bootstrap nav, tabs and pills tutorial
n/a Points
2014-06-04 10:01 am

Hello,

I appreciate the link but you don't mention what file to edit. Is this custom.css in a template or something else? I really odn't want ot mess up something but really would like to have the menus drop up instead of down as this is on the footer.

 

Thanks

Staff
10,345 Points
2014-06-04 10:24 am
Hello Sol,

It is difficult to say, because it differs based on how your website/template is coded. Most likely you will have to look through the source code to determine which file to edit.

Since you do not want to mess anything up, you may have to consult the developer, or reach out to the Joomla Community for assistance.

If you have any further questions, feel free to post them below.
Thank you,

-John-Paul
n/a Points
2014-06-29 2:53 am

Thank you so much.

n/a Points
2014-07-23 9:34 pm

This does not work for purity 3 template. Any Ideas. Any help would be greatly appreciated. 

Staff
9,479 Points
2014-07-24 10:31 am
These are overall general rules that work for most templates, although it is up to the developer as to their methods to do this. Could you clarify which specific layout of the Purity 3 template you are using as well as an example of the exact menu that you are trying to make horizontal?
n/a Points
2014-08-01 7:15 am

I am using corporate layout. with a secondary menu module in position 1. I have a mainmenu at the top. and assigned mainnav to position 1.  This secondary menu is a locations menu. I need it running across. this is a landing page to direct you to your local services by country thus I need it prominent rather than running on the sidebar going down. thanks in advance. I hope it all made sense. I feel pretty comfortable with all other configurations of the template but cant seem to get that working. Thanks. 

Staff
9,479 Points
2014-08-01 9:27 am
Could you provide me with a link to the site you are working on so that I can see exactly how it looks?
n/a Points
2014-08-01 11:49 am

Its still on my local server. However I can temporarily make it live so you can see. I will let you know once done. 

Thanks. 

n/a Points
2014-08-08 5:18 pm

here is my test site. http://79.170.44.83/arnibus.com/index.php/en/ i would like the choose your location menu to display horizontally. don't mind the double menu currently displaying. it is due to trying to implement this http://t3-framework.org/documentation/bs3-customization#multi-instance-megamenu but for purity 3 which is proving difficult.

Staff
9,479 Points
2014-08-08 5:59 pm
Upon viewing the code on the page that controls that menu, it appears that a CSS class for the menu is being defined somewhere labeled nav-stacked that is causing the issue. I recommend looking through your source code as well as the attributes for the menu to locate this and remove it. After doing so, it should then be horizontal.
n/a Points
2014-08-15 8:39 am

Thanks for all your help and looking into this for me. I will let you know once I try this. And I will feed this back to the community. I am pretty sure if this works, you will have helped a lot of purity 3 users as I have been on the joomlart forum among several others and no one has found a solution to this yet. 

Many Thanks

Arnold

n/a Points
2014-08-16 3:41 am

This was helpful. I had problems with horizontal menu in purity III me too. Somewhere I found this helpful suggestion... Add 'navbar-nav' in the menu class suffix. It worked for me.

thanks thanks thanks

n/a Points
2014-08-16 4:38 am

For purityIII try to put navbar-nav in the menu suffix class

n/a Points
2014-08-28 7:00 pm

Thank you all so much. You are really great especially JeffMa who has stuck with me through this. navbar-nav certainly works. I am surprised no one from purity has been giving much help on this as its something that has been sought after for a while. Thanks guys you are awesome!!!!!

 

Arnibus Roboticus

"The Robots are coming!!"

n/a Points
2014-07-26 2:50 am
the is not working in joomal 3.0 purity II templates do you have any solution for it
Staff
9,479 Points
2014-08-01 9:28 am
I do not currently have a solution yet as they appear to be not using the Joomla standard bootstrap elements for their menu locations, however, I am looking into the comment above you with will have more information soon.
n/a Points
2014-08-03 6:26 pm

Helpful. Thank you

n/a Points
2014-08-05 3:30 am
The space seems to be necessary in all versions (in my case 3.3.3). But it helps. Thanks a lot.
n/a Points
2014-08-07 8:15 am

Thanks a million.  It worked for me. 

n/a Points
2014-08-08 12:25 am
It is very good
n/a Points
2014-08-24 8:25 pm
It is great! It works! I can't imagine a way to improve it. Thank you!
n/a Points
2014-08-27 1:00 am
The article is great, works as you state.

n/a Points
2014-09-10 4:10 pm
This is as simple, as it can be. Super! Thanks a lot.
n/a Points
2014-09-13 2:20 pm
Did not change anything in menu.
Staff
9,479 Points
2014-09-25 11:10 am
If your theme does something out of the ordinary, it can cause issues. If you could provide me with a link to the page in which your menu is located, I will be happy to take a look for you.
n/a Points
2014-09-25 6:53 am

For me It didn't work. Only change I found was the font (stylesheet). I used it without and with space but menu remained vertical.

I am using Joomla 3.3.3 and My template is Beez5 which is migrated from Joomla 2.5 by siteground.com.

n/a Points
2014-10-07 6:39 am

Its not working for 3.3.6

Staff
9,479 Points
2014-10-07 8:05 am
This method should still work in your version of Joomla. Could you provide a link to your site to take a look? Issues may also arise due to how your theme is coded as well.
n/a Points
2014-10-25 6:49 pm

"Joomla! 3.3.6 Stable [ Ember ] 01-October-2014 02:00 GMT"

 <space>nav-pills

I continue putting space in front of, " nav-pills"
n/a Points
2014-10-08 2:40 am
thanks a lot! it works. CMP
n/a Points
2014-10-17 4:56 am

thank you! went with space!

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!