menu cover logo position on mobile devices

Hey hgabay,
Try this code in the General Styling > Quick CSS field:

@media only screen and (max-width: 767px) {
.responsive #top .logo {
    width: 70% !important; 
    margin-right: 70px !important; 
}
.menu-item-avia-special a, #menu-item-search a {
padding: 0px !important;
}
.responsive #top #wrap_all .main_menu {
    right: -20px !important; 
}
}

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

For your information, you can take a look at Enfold documentation here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)

Best regards,
Mike