Remove white space between menu bar and logo

Hello & Thank you in advance. I would like to remove the white space between my menu bar and header. I would also like to remove the white space from between the logo and page name website

Hello there,

As I could get your point correctly, you would add this CSS code to Appearance > Customize > Additional CSS from dashboard.

    @media only screen and (min-width: 1200px) {
    	 .site-header .main-navigation_wrap .col-xs-12.col-lg-2 {
    		 display: none;
    	}
    	 .site-header .main-navigation_wrap .col-xs-12.col-lg-8 {
    		 left: 0;
    	}
    	 .site-header .main-navigation_wrap .col-xs-12.col-lg-8 .main-navigation, .site-header .main-navigation_wrap .col-xs-12.col-lg-8 .main-navigation ul {
    		 text-align: left;
    	}
    }

Regards,
Kharis
aThemes Support