T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
Subscribe via RSS  Subscribe via email
Recent
Categories
Tags
Users
Badges
View Replies (4)

Resolved T3_bs3_blank nav justified...

0
Votes
Undo
  1. Thomas C.
    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
Gardner Luna
Gardner Luna
Hole-in-One The Voice
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
Responses (4)
Gardner Luna
Gardner Luna
Hole-in-One The Voice
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
Thomas C.
Thomas C.
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
Gardner Luna
Gardner Luna
Hole-in-One The Voice
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.