Logo is compressed in mobile version

Hi web4698!

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

@media only screen and (max-width: 480px) {
.responsive .logo a, .responsive .logo img {
max-width: 90%;
height: auto !important;
margin-left: 0!important;
margin-top: 5px!important;
}}

Best regards,
Yigit

Hey!

Please use following code to do so

@media only screen and (max-width: 480px) {
.responsive #header_main .container { height: 175px !important; }
#advanced_menu_toggle, #advanced_menu_hide { top: 84%; }}

Best regards,
Yigit

Hi!

Please add following code to Quick CSS as well

@media only screen and (max-width: 480px) {
#advanced_menu_toggle, #advanced_menu_hide {
right: 40%;
}}

You may need to adjust it to center perfectly

Cheers!
Yigit

Hey!

Use this to adjust the height and position of the logo on mobile device:

@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
margin: 0 auto;
max-width: 100%;
height: 55px !important;
max-height: 55px !important;
}

.responsive .logo {
margin-left: 15px;
}
}

Cheers!
Ismael