How to center main header menu?

Centering the main header menu is pretty simple and straightforward. Add the styles directly in your Child Theme style.css or Appearance > Theme Options > Custom CSS.

@media screen and (min-width: 981px) {
    .menu {
        text-align:center
    }
    .menu li {
        display:inline-block;
        float:none;
        margin-left: -5px;
    }
    .menu li li {
        display:block;
        text-align:left
    }
}

3QoBU.png

Categories: