Menu aside logo mobile

Hi,

I’ve noticed that there’s no option to change the size of the header.
I’m aware that have topics about it and I’ve tried but didn’t work it.
I want the logo aside the Menu logo ( the three lines) with the opacity bar at 0% and when you scroll down, the bar will turn the opacity 100%

like,
Logo Ξ

I Found that one

@media only screen and (max-width: 767px) {
header#masthead div.col-md-4.col-sm-8.col-xs-12 {
max-width: 72%;
}

 header#masthead div.col-md-4.col-sm-8.col-xs-12,
 header#masthead div.col-md-8.col-sm-4.col-xs-12 {
     width: auto;
 }

 header#masthead div.col-md-8.col-sm-4.col-xs-12 {
     float: right;
     padding: 1px 20px;
 }

 header#masthead nav#mainnav-mobi {
     left: -150px;
     width: 250px;
 }

}

but the Menu is a bit down, and the padding is 1 already, with 0 changes almost nothing, and i want a little bit to the top, how can i do that?

got it

@media (max-width: 767px) {
	#masthead {
		padding: 2px 0 5px;
	}
}

.btn-menu {
    line-height: 28px;
}

sorry for bothering.