Hello Sang,
1) Just add the code below in (css/custom.css):
#header {
padding: 10px 0px !important;
}
#header .logo {
padding-bottom: 10px !important;
padding-top: 10px;
}
.logo img {
width: auto !important;
height: auto !important;
}
body.sticky-menu-active #header {
top: 0;
}
@media(max-width: 991px) {
.btn-responsive-nav {
margin-top: -7px;
}
}
2) Tucson doesn’t come this functionality by default, but you can easily add with the code below at (js/custom.js):
$(window).on('click touchend', function(e){
var target = e.target;
if( !target.closest('#header') ) {
$('.nav-main-collapse').collapse('hide');
}
});
Please, try that and let us know if you need further assistance.
Kind Regards,
Rodrigo.