menu location to the middle

Try this solution by @d4z:

/* START OF @d4z - center menu items */
.navbar-inner{
    padding-right: 5px;
}
.tc-header .nav-collapse{
    float: none;
}
.navbar .nav {
    width: 100%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nav-collapse .nav > li{
    float: none;
    display: inline-block;
}
.nav-collapse .nav > li li{
    text-align: left;
}
@media (max-width: 979px){
    .nav-collapse .nav > li{
        display: list-item;
    }
}

/* END OF @d4z - center menu items */

Thank you so much.
I don’t know a thing about scripts and stuffs that it took me a while to figure out where to paste your scripts in but I did it anyway, and it works fine.
Have a nice day!

Thank you so much!
This MENU IN MIDDLE thing had bothered me for 2 days!
And I don’t know how to do a Child theme thing…
Thanks again,
it works!

Thank you! Thank you! Thank you!
I have been trying to do this for weeks and tried multiple suggestions and yours finally works!

Please can you help me to fix why the submenu drops behind the image slider on the home page?

https://www.myajao.com
I am using a child theme of Customizr

You have this in your css:

.tc-no-sticky-header .tc-header, .tc-sticky-header .tc-header {
  					z-index:0
  				}

That z-index needs a higher value than 0 (try 100)

YOU are amazing! Thank you so much ??