Split Menu – Logo in the Middle of the Menu is this possible and if yes how?

Hey dezomat2,

Thank you for contacting us, please follow the easy steps provided in this link to create a logo center split menu.

Let us know if you have any questions, we are happy to help you :)

Best regards,
Vinay

Hi dezomat2,

Try this code instead

@media only screen and (min-width: 780px) {
/*In the below code nth-child(x) the value of x should be half the number of total menu items*/
#top #header .av-main-nav li:nth-child(2) {
	/* Adjust the width of the logo */
    margin-right:300px;
}

#header .main_menu {
    /*background: gold;*/
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}

.av-main-nav-wrap {
    left: 50%;
    transform: translateX(-50%);
}

#header .logo {
    left: 50%;
    transform: translateX(-70%);
}

#header .logo img {    
    top: 50%;
    transform: translateY(-50%);
    max-width: 200px;  
}
}

Best regards,
Victoria

Hi,

please make sure that you chose to display the mobile menu on Smartphones and tablets. You can check it in Enfold theme options > Main Menu > Menu Items for mobile.

To HIde the search icon and activate the burger menu just before the menu starts to run into the logo by adjusting the max-width value in the below code:

/* Activate burger menu */
@media only screen and (max-width: 990px) {

/* HIde the search icon */
#top #menu-item-search {
display: none !important; }

#top #header .av-main-nav > li.menu-item  {
display: none!important;
}
#top #header .av-burger-menu-main {
cursor: pointer;
display: block!important;
}}

Best regards,
Vinay