This is the code I deleted from the Custom CSS to make the logo on the left of the nav menu

 

/* Make logo -go-left- */
 
 #header #logoWrapper, 
 #header #siteTitleWrapper { 
     position: relative; 
     left: 15%; 
     -webkit-transform: translate(-50%,0); 
     -moz-transform: translate(-50%,0); 
     -ms-transform: translate(-50%,0); 
     -o-transform: translate(-50%,0); 
     transform: translate(-50%,0); 
     text-align: right !important;
 }

#mainNavigation div.collection, #mainNavigation div.external {
     margin: 0 !important;
 }

#headerNav{
  margin-left: 0px !important;
}

@media only screen and (max-width: 768px){
   #header #logoWrapper, 
 #header #siteTitleWrapper {
   left: 25%;
 }
}