Is there a way to remove the middle header or reduce padding on mobile

Is there a way to remove the padding’s around my logo and phone number on my mobile? There is so much wasted space and I’d like to get more content above the fold. Thanks.

you can try to add the following css into your theme => theme-framework/theme-style/css/adaptive.css at bottom:
@media screen and (max-width: 950px){
#header .header_mid .slogan_wrap {
display: none;
#header .header_mid .logo_wrap {
margin: 0 15px 0;
#header .header_mid .header_mid_inner {
padding: 0;