Center aligning the primary menu in Spacious

The Primary Menu in the Spacious theme is placed right and the Logo to the left by default. An option to reverse the Logo and Menu position is provided in the customize section but only in the premium version.

However we receive many queries from the users in our Support Forum, requesting to center align the Primary Menu. So, please paste the following CSS code in strong>Appearance->Additional CSS, if you want the primary menu to be in the center.

#header-right-section {
    float: none;
    text-align: center;
}
.main-navigation, .main-navigation a  {
    float: none;
}
.main-navigation li {
    float: none;
    display: inline-block;
}
.main-navigation ul li ul li {
    display: block;
} 

Note: The above code works only when the Logo and Title/Tagline is not displayed on the left side.