Justified bootstrap collapsible nav including the nav-brand div

[keneso]

Hi

Basically the question is in the title:
Need to center and justified bootstrap collapsible nav including the nav-brand div.

I have googled, and read quite few stuff, but non includes the nav-brand div, one solution was to add

.navbar-nav{
margin: 0 auto;
display: table;
table-layout: fixed;
float:none;
}

Which works for the menu items (shop - ghana textiles - about nana yaw designs - useful links), but does not include the .nav-brand div

If you would like to take a look the test site is here:
ttri dot biz/fz_test/nana

Thank you

[SamA74]

@keneso

but does not include the .nav-brand div

I don’t understand. I can’t find any nav-brand class in the html.

[keneso]

Ooops, sorry I typed it wrong, it is navbar-brand
<a href="http://ttri.biz/fz_test/nana/" class="navbar-brand">Home</a>

Thank you

[keneso]

I solved it by adding an extra home link in the menu ul, and display: none for both home links based on screen size.