Logo Center / Menu sides

Try Rikards advice -: Enfold( Child ) – header – header size – custom pixel value
increase the size to 80px

by the way – i think the status quo is more fitting for a music event site and looks better for me too!
and – i think the link on the image should be: http://maratone-soundsystem.net/wordpress/
not #top

try to look what happend if you gave a dropshadow to the “logo”:

#menu-item-114 img {
	-webkit-filter: drop-shadow(3px 3px 10px #114232) !important;
    filter: drop-shadow(3px 3px 10px #114232) !important;
}

it is in the green of the background

ah – ok that is the trick with the “logo” in the menu.

#header_main_alternate, #avia-menu  {
    height: 80px !important;
}

#avia-menu li a {
    line-height: 80px !important;
}

Did you run already the new enfold 4.2 – because adressing in mobile is much more easy
– edit no – you are running 4.12.

duplicate this menu point and place it on top of your menu.
now you have two images in the menu:
set the main_menu logo to display none. ( ZZZ will be the list-item id. – do it and than i will help you to determine)
and on burger menu the same with the logo in the middle position

On Enfold 4.2 these list-items got there own id – so we could adress it the same way as in main_menu – and we don’t have to count the position.

.main_menu #menu-item-ZZZ {
    display: none;
}

#av-burger-menu-ul li:nth-child(5) {
    display: none;
}

________________

PPS: if you like to have a gloomy drop-shadow set it to a light color ( yellow. etc)

by the way – you have to be a bit earlier to mobile menu – your last menu point flows to next line on some screen width

where to get it: i got mine from envato

duplicate this menu point and place it on top of your menu.
now you have two images in the menu:
set the main_menu logo to display none. ( ZZZ will be the list-item id. – do it and than i will help you to determine)
and on burger menu the same with the logo in the middle position

https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990#item-description__changelog

they have the 4.2. – but than code will be different.

please do first all i said above

#header_main_alternate, #avia-menu  {
    height: 80px !important;
}

#avia-menu li a {
    line-height: 80px !important;
}

and duplicate this menu point with the image. etc…

i do not know what id your new menu-item will get.
So these ZZZ are placeholders.

click to enlarge

ok – i see you got it:

if you like to increase header-height now:

#header_main_alternate, #avia-menu  {
    height: 80px !important;
}

#avia-menu li a {
    line-height: 80px !important;
}