Reply To: Header centered

[Vladimir]

Hi,

Here is CSS for centering Style 3:

#logo{
clear: both;
float: none;
margin: 0 auto;
display: table;
margin-top: 30px;
margin-bottom: 30px;
}

#nav-container{
float: none;
margin: 0 auto;
display: table;
}

@media only screen and (max-width: 767px) and (min-width: 480px){
#nav-container{
display: none;
}
#logo{
clear: both;
float: none;
margin: 0 auto;
display: table;
margin-top: 30px;
margin-bottom: 30px;
width: auto;
}
}

@media only screen and (max-width: 479px) and (min-width: 320px){
#nav-container{
display: none;
}

}

@media only screen and (max-width: 991px) and (min-width: 768px){
#nav > ul > li > a{
padding: 30px 15px;
}
#logo{
clear: both;
float: none;
margin: 0 auto;
display: table;
margin-top: 30px;
margin-bottom: 30px;
width: auto;
}

}

Logo will be centered on all resolutions. If something doesn’t fit you can play with CSS.
I suggest that you check CSS tutorials as we are providing support only for bug fixes and minor changes:

http://www.presscoders.com/wordpress-theme-customization-guide/
https://premium.wpmudev.org/blog/chrome-developer-tools/

Locking the thread.