andracuamic

ok, I will follow the change log. Thanks!

great! thanks!

I have seen there is an update but I cannot find this option ??

Really useful! Thanks!

For me it finally worked like this:

#page .container header hgroup {
float: none;
margin: 0 auto;
}

.site-header img, img.size-full {
display: block;
margin: 0 auto;
}

.main-navigation {
float: none !important;
margin: 0 auto;
width: 560px;
height: 40px;
}

You just have to play a bit more with numbers here (at width):

.main-navigation {
float: none !important;
margin: 0 auto;
width: 560px;
height: 40px;
}

great that it will be included in the theme options! Thanks!

I know it might be annoying, but it still does not work: https://skepticdog.com/

I have written this in my Custom CSS:

/* This is for centering logo and menu*/
#page .container header hgroup {
float: none;
margin: 0 auto;
}

.site-header img, img.size-full {
display: block;
margin: 0 auto;
}

.main-navigation {
float: none !important;
margin: 0 auto;
width: 100%;
height: 40px;
}

.menu-main-menu-container {
  text-align: center;
width: 100%;
}

.main-navigation ul {
  display: inline-block;
}

.main-navigation li {
  display: table;
  margin: 0 auto;
}

Thank you very much for the help!

This was really useful. Thank you! ??

This is awesome!

Somehow, the logo is centered really well, but I still cannot center the menu. If I play with the numbers, as I read here, I get this: https://skepticdog.com/wp-content/uploads/2014/01/skeptic-error-menu.jpg

I don’t know what am I doing wrong.

This is what I inserted in Custom CSS:

/* This is for centering logo and menu*/
#page .container header hgroup {
float: none;
margin: 0 auto;
}

.site-header img, img.size-full {
display: block;
margin: 0 auto;
}

.main-navigation {
float: none !important;
margin: 0 auto;
width: 300px;
height: 40px;
}

.menu-main-menu-container {
margin: 0 auto;
width: 900px;
height: 40px;
}

Thanks!