Change Mobile Logo Size

Hey ballindigital,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 479px) {
.logo img {
    max-height: 56px !important;
}
}

After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,
Try this css instead:

@media only screen and (max-width: 479px) { 
	#menu-item-shop .cart_dropdown_link {
    padding: 0;
	}
	.responsive #top #menu-item-shop.cart_dropdown {
		margin-left: -64px;
	}
	.responsive #top #header_main>.container .main_menu .av-main-nav>li>a {
		padding: 0 0 0 10px;
	}
	.responsive #top #header_main > .container .main_menu .av-main-nav > li.av-burger-menu-main.menu-item-avia-special > a {
		padding: 0 0 0 42px;
	}
	.logo img {
    max-height: 70px !important;
}
}

for this result:

To show a open search bar you would need to add a header widget and then increase the size of your header. But since it would take up room on the mobile devices do you think that it would be used by most of your visitors, or would the current search icon work for the few people that might use it?

Best regards,
Mike