Centre Nav bar

[Adam Chetty]

Hi Bill,

Easy one for ya, trying to centre my nav bar with:

#header .menu li ul {
margin-left: -60px;
}

But it doesnt seem to help.

Im using elite theme.

Regards,

Adam

[Bill Robbins]

Hello Adam,

Good question. Any chance you could send over a link to where you’re working with the theme so I can take a closer look for you?

Thanks,
Bill

[Adam Chetty]

Sure thing,

Its the same site (I’m presenting two different versions to my client)
http://nfb.guesswhat.co.nz/

Elite is definitely an amazing theme, at first I wasn’t a fan – but after I starting playing with it, I like it more and more and have realized its potential.

also Bill: do you know any good tricks to align widgets – for instance a text widget in the footer aligned to the left instead of centre? (in this instance I would like to align the contact us info to the right side.

Thanks mate

Adam

[Bill Robbins]

Thanks Adam. Try this code in your Custom CSS box (it’s in the Advanced tab in the Theme Options page) and see if that won’t center align the navigation menu for you:

nav#top-menu {
     float: none;
     width: 100%;
     text-align: center;
}

nav#top-menu li {
     float: none;
     display: inline-block;
}

---

Probably the easiest way in the footer of the Elite theme to have one widget on the left and one on the right would be to place an empty text widget between them. That should space things out so you have one left and one right.

I’m glad you’re enjoying the theme now. It’s been interesting to see how people have been using it for everything from short films to furniture stores to wedding photographers.

Let me know if you run into trouble with either solution there.

Bill

[Adam Chetty]

-Perfect! The code did it – It is now centred and looking beautiful!
-The empty text widget did the trick also, thanks for such a simple fix (why couldn’t I think of that!)

Thank you Bill,

Adam

[Bill Robbins]

Fantastic. If you have any other questions, just let me know.

Thanks,
Bill

[Author]

Posts