Bigger logo, problems with mobile view and small padding on top and on bottom

Hi OblakJ!

Thank you so much for using the theme!

Please use this on Quick CSS to remove the padding:

.logo img {
padding: 0;
}

Go to Enfold > Header Layout > Mobile Menu panel. Look for the Header Mobile Menu activation setting then choose the second option in order to prevent the main menu from overlapping the logo.

Regards,
Ismael

Hey!

Alright. Please add this on Quick CSS or custom.css:

@media only screen and (max-width: 1140px) {
.logo img {
padding: 0;
max-height: 100px !important;
}

#header_main .container, .main_menu ul:first-child > li a {
height: 100px !important;
line-height: 100px !important;
}

.html_header_top.html_header_sticky #top #wrap_all #main {
padding-top: 130px;
}

.header-scrolled .logo img {
height: 50px !Important;
max-height: 50px !important; 
}

.header-scrolled #header_main .container, .header-scrolled .main_menu ul:first-child > li a {
height: 50px !Important;
max-height: 50px !important; 
line-height: 50px !important;
}
}

Cheers!
Ismael