Menu alignment after CSS changes

Hi All,
I have been playing with twenty seventeen on a site I’m building ( getyourwings.co.uk )

I have added a sidebar and made the main content wider by googling the CSS 🙂

however the menu no longer left aligns with the header text or the content text, what do I need to do for that to line up?

below is my current CSS customisation:

/*
You can add your own CSS here.

Click the help icon above to learn more.
*/

/* style for home Page Tag Line */
.site-description {
  	color: #90838C;
  	font-weight: 600;
		text-shadow: 2px 0 0 #000, 0 -2px 0 #000, 0 2px 0 #000, -2px 0 0 #000; 
}

.page #content {
padding-top: 10px !important;
}
/*
.page .entry-header {
display: none !important;
}
*/
.site-branding {
	padding-top:250px;
	padding-bottom:10px;
}

/* space the page title closer to text */
.entry-header {
margin-bottom:0em !important;	
}
/*
remove space at bottom of widget
*/
.widget {
padding-bottom: 1em;
}

@media screen and (min-width: 48em) {
.wrap {
max-width: 90%;
padding-left: 4em; 
padding-right: 3em;
}
}

.has-sidebar #secondary {
width: 22em !important;
	padding-left:42px;
	float: left;
}

• This topic was modified 8 years, 10 months ago by Adrian.