centering main navigation and mobile responsiveness

[Lauren]

I’d like to center my navigation bar to look like the attached mockup image. Right now it naturally floats left, how can I center this menu while it also remains responsive for mobile and tablet use?

Thank you,
Kim

[Lauren]

sorry site is http://devwork.thinkwithyourheart.com/

[Alyssa]

@optimystic this falls under the realm of custom work but here it is anyway 🙂
Add this to custom.css

.main-navigation ul.nav-menu{
width:600px;
margin:0 auto;
}

[Lauren]

@tjchester It’s been 2 days now and my followers have no mobile access because using the above code makes the mobile navigation unavailable. I am in a crunch and really need to fix this issue, and as I said I have no problem if it requires remuneration I just need quick assistance.

Thank you!
Kim

[Alyssa]

@optimystic I’m sorry you need to add it to the desktop only portion of custom.css (section 2.4)

[Lauren]

got it, thanks!

[Alyssa]

No Prob