Below is the code I used for this (kind of messy, not a pro coder. lol). It woooorks!
//* determines height of site logo *//
#header {
margin: -120px auto;
padding: 0px 0px;
}
//* pushing site logo to left of nav *//
#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(-90%,80%);
text-align: right !important;
}
#header #mainNavWrapper .index {
margin: 0 0 0 12px !important;
text-align: right !important;
}
//* removes center gap from logo *//
#mainNavigation div.collection {
margin: 0 !important;
}
#header #mainNavWrapper {
text-align: right !important;
}
//* positioning of nav links *//
#header #mainNavWrapper {
text-align: right !important;
right: 12%;
}