centering the main menu

And why do you choose this in enfold options?
On Enfold Options / Header / Header-Layout there is the possibility to choose Logo center menu below.

Or do you want to have the logo left – menu below but centered ?

Try this in quick css:

.av-main-nav-wrap ul {
    display: inline-flex;
    left: 50%;
    position: relative;
    transform: translate(-50%);
    width: auto !important;
}

• This reply was modified 8 years, 3 months ago by Guenni007.

sorry the search has to be thought of:

.av-main-nav-wrap ul#avia-menu {
    display: inline-flex;
    left: 50%;
    position: relative;
    transform: translate(-50%);
    width: auto !important;
}

#menu-item-search {
    float: left !important;
}