How do I center primary menu in header for Sparkling?


I setup the sparkling theme in wordpress and as designed, the menu is pushed to the right side of the header. I would like the menu options to be centered in the middle of the header. How do center this? I looked through other posts that had CSS code, I downloaded simple custom css and tried the code and didn’t have luck. What do I need to do?

That not possible with a simple modification without breaking other things such as mobile layout, logo/custom header functionality and other.

While it might sound an easy task but it actually isn’t if you want to keep you website mobile friendly.

If you still want to proceed then you can use code like this by adding it to Theme Options - Other - Custom CSS

.nav.navbar-nav {
    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: center;
    width: 70%;

.navbar-header {
    display: none;

It will also remove logo because otherwise it would be it even more difficult.