Centering the navigation bar


I know this question has been asked a lot but none of the additional CSS given to the answers to the other questions have worked for me. I want to centre the navigation bar on my site but I can’t get it to move from the right of the page. I would greatly appreciate any help. My web address is:

Many thanks.


Try this CSS in Appearances -> Customize -> Additional CSS,

.nav.navbar-nav {
    margin-left: 12%;

You already had a search bar in the right side of the menu, so it is not possible to center the menu to the page, adding margin-left will move the menu from left side to right.

Let us know,