Align Main Menu Center on Top Menu Header Style

This CSS snippet will center align the Main Menu for the Top Menu header style:

/* Align main menu on Top menu header style */
#site-header.top-header .header-top .right {
    display: none;
}
div#site-header-inner {
    display: flex;
    display: -webkit-flex;
}
#site-header.top-header .header-top .left {
    margin: 0 auto;
}

All CSS snippets should be added via a child theme's style.css file or using the built-in Custom CSS panel.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.