logo in the middle

Hi studioinktvis!

What type of header do you have? Please check on Enfold > Header > Header Type.

Please try this on your custom.css or Quick CSS if you have a Small fixed header:

.main_menu {
margin: 0;
display: block;
text-align: center;
top: -45px;
}

.avia-menu {
display: inline-block;
}

div .logo {
position: relative;
margin: 0 auto;
z-index: 1;
}

Use this to adjust the header height:

/*default header: main logo and main menu height. increase max value if you want to use a bigger logo*/
#header_main .container, .main_menu ul:first-child > li a{ height:120px; line-height: 120px; }

Best regards,
Ismael

Hi!

Please add following code to Quick CSS in Enfold theme options under Styling tab

div .logo { left: 40%; }
.main_menu {right: 30%; }
#header_main .container { height: 120px; }
.main_menu ul:first-child > li > a { height: 60px; margin-top: 60px; }
.logo, .logo a, .logo img { max-width: 200px!important; }

You may need to adjust first two lines depending on the size of your logo and menu

Cheers!
Yigit

Hi!

Please try

div .logo { left: 40%; }
.main_menu { left: 30%; }

and adjust as needed

Cheers!
Yigit

Hey!

Please add following code to Quick CSS as well

.header_color .main_menu ul { background-color: transparent; }
#header_main_alternate  { background-color: white; }

You can remove the Search icon in Enfold theme options > Header > Append search icon to main menu

Regards,
Yigit