Center menu

Hi DS,
do you want to also center the theme title and subtitle along with the navigation items?

Can you please provide the url of your site, so I can see it live?

Best!
Steve

I’ve taken the title off and I’m using the Jumbo as the title of the page. I just need the navbar centered. It just feels off to me. Here is a link (of course the site isn’t close to finished)

Hi Ds,
thanks, that’s made it easy.

Here’s your solution:

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-color: #101010;
max-width: 650px;
margin: 0 auto;
}

Hint: The reason it was tricky is that the responsive design has set the normal width of the navbar to “auto” which causes it to “fill” the rest of the width of the container. Setting the max-width attribute prevents this from happening and allows the margin attribute to be set to “auto” on the horizontal, while still giving a maximum value of the width of the object being centered.

Feel free to ask for any more help ??

Best!
Steve

Thanks, perfect!

dswalker

can you tell me how did you change the menu top bar color?? you changed the red to blue, I cant find this part on the style.css

thank you

I’ve added the above code to my page- and I’m not getting a centered navbar.
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
max-width: 650px;
margin: 0 auto;
}
https://wwww.mikeandartdesign.com/