Hi Joe,

I am afraid that I don't get your point, what is floating left ? Please help to make it clear.

Gardner.

I am not sure if i got your point. But if you want to positions it to the center try: margin-left:auto; margin-right:auto;

Sorry guys for not following the thread. It's great to see it work for you @Joe and thanks you for your solution @Chamira

Sorry, I'll try to explain it better with the attached screenshot.

This is what I meant about the floating...in bootstrap.css line: 4141

@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}

Also theres also link for the site I'm working on.

Thanks

P.S. Maurice I tried "margin-left:auto; margin-right:auto;" and that didn't work

Hi Joe

The attached image does not work, maybe there's problem with upload. Could you please upload to somewhere and sen us link ?

Gardner

Hello Joe,

It looks like you have tried to centre the menu using padding and width, it is working OK but it is not dead centre.

I managed to do this by adding the following code:
(I don;t think you need the code for padding and margins any more)
.t3-mainnav .t3-navbar {
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
text-align: center;
width: 100%;
}

.navbar-nav {
// float:left <- REMOVE THIS
display: inline-block;
margin-bottom:-5px;
}

The margin-bottom removes the additional spacing under the menu caused by using inline-block properties. It is well know quirk of of hos CSS handled these blocks, as explained here: http://css-tricks.com/fighting-the-space-between-inline-block-elements/

Thanks for your response Chamira Athauda.

I tried this before your post and this seems to work


.t3-mainnav .t3-navbar {
padding-left: 0;
padding-right: 0;
width: 990px;
margin-left: auto;
margin-right: auto;
}

I think the main thing I learned is that the auto margins or auto padding won't work unless you have a width defined. There is no width needed in the original blank template.

Also I fixed my screenshot image for anyone searching this topic and needing more clarification. I'm not sure why it got corrupted.

A link to the final site and screenshot are below