How to Center The Logo and Navigation Menu in The Cotton Theme

Centering the Logo and the navigation menu in the Acoustic theme can be done with just a few lines of CSS code. Here is all the code you have to add to the The Cotton Options -> Styles Settings -> Additional Styles section:

– to center the logo only:

#logo-container a {
float: none;
margin-left: auto;
margin-right: auto;
}
#logo-container {
float: none;
}

-to center logo and navigation menu:

#logo-container a {
float: none;
margin-left: auto;
margin-right: auto;
}
#logo-container {
float: none;
}
#menu-container {
float: none;
margin-left: auto;
margin-right: auto;
}
#menu ul {
text-align: center;
}

Note: In this tutorial we are using Firebug. If you don’t know what Firebug is, please first visit the How to Customize Your Theme With Firebug article.

In the following video you can see how the changes take effect on the theme using a firebug: