Public Forums 71,145 posts

[thomaszgz Friend thomaszgzJoin date: September 2013Posts: 4Downloads:0Uploads:0]

#199313

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.

Thomas C.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#540833

Greetings Thomas C . . . . . GREAT NAME, by the way 😎

Can you be a bit more specific as to what it is you are wanting to accomplish – perhaps a quick mock-up screenshot?

[thomaszgz Friend thomaszgzJoin date: September 2013Posts: 4Downloads:0Uploads:0]

#540880

In the address I wrote: http://getbootstrap.com/examples/justified-nav you can see that all menu items have the same width, whatever the number of characters they have.

Another example, Its a web I did using base3 tempalte from joomlabamboo http://www.futbolinesval.com where you can see the same effect but in a container-fluid.
I did that using menu module in a normal position, not mainnav, and adding the to Menu Class Suffix:

navbar-bar nav-pills nav-justified hidden-sm hidden-xs
but I wasn´t happy with the result because the module don´t collapse in a button when displayed on a phone or tablet.

Hope I have explained well now.

Best regards:

Thomas C.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#540985

Still not entirely certain as to how you want your menu items to display – justified to the left/right?

[Author]

Posts