T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Thomas C.
  2. General Discussion
  3. Monday, 30 June 2014
  4.  Subscribe via email
I need to make the mainmenu (not megamenu) justified using bootstrap 3 like in http://getbootstrap.com/examples/justified-nav/

In Bootstap 3 docs its documented as:

nav nav-tabs nav-justified

or
nav nav-pills nav-justified


I know that I must customize mainnav.php inside tpl/blocks but in the getbootstrap web the examples don´t use and ID like your mainnav.php.
So I am a bit confused. Must I remove id="t3-mainnav" and t3-mainav from class, too?
Any help about what must I write in the nav container of mainnav.php ?

Best regards to everybody and hope you can help me
References
  1. http://salaoasis.onlyfortesting.com
Comment
There are no comments made yet.
Accepted Answer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Thomas,

For this, there are 2 solutions:

1. If you can fix the number of menu items in the main menu

You can use CSS to fix the percentage of each menu item. For example, if I have 5 menu items, I will add the following CSS rule in the custom.css file:

ul.nav.navbar-nav {
width: 100%;
}

.navbar-nav > li {
float: left;
width: 20%;
text-align: center;
}


Here is the front-page: http://easycaptures.com/fs/uploaded/783/7276695598.png

2. If you can not fix the number of menu items

You should use JS to calculate percentage for each menu item.

Gardner.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink
Accepted Answer Pending Moderation
0
Votes
Undo
Great to see it help you, Thomas ;)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Sorry for the late answer.
Yes, it worked fine. Thanks a lot, you have been very helpful.

Best regards, friend.

Thomas C.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 2
Accepted Answer Pending Moderation
0
Votes
Undo
It's my pleasure :)
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # 3
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.