Hey Guys,

I'm editing a theme and would like the responsive menu to remain on the same line as the title/logo. Whatever I've tried, every time the menu drops below the title and I can't seem to find what I'm missing. Does anybody notice my mistake?

Thnx!

Code:
http://welovecss.com/register.php?a=act&u=8603&i=acdce35ffdebf420a15ce1d39c9837b6069fd1bb<html>
<head>
<title>Testen</title>
<link rel='stylesheet' href='style.css' type='text/css'/>
</head>
<body>


<header class="site-header">
	<div class="wrap">
		<div class="title-area">
			<h1 class="site-title"><a title="title" href="url">Title</a></h1>
		</div>
		<aside class="widget-area header-widget-area">
			<section class="widget widget_nav_menu" id="nav_menu-2">
				<div class="widget-wrap">
					<nav class="nav-header">
						<div id="responsive-menu-icon"></div>
						<ul class="menu theme-nav-menu responsive-menu" id="menu-header">
							<li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4799" id="menu-item-4799"><a href="nav.html">Home</a></li>
							<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4905" id="menu-item-4905"><a href="nav.html">Blog</a></li>
						</ul>
					</nav>
				</div>
			</section>
		</aside>
	</div>

</header>
</body>
</html>
Code:
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

.clearfix:before,
.nav-primary:before,
.wrap:before {
	content: " ";
	display: table;
}

.clearfix:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}

.wrap {
	margin: 0 auto;
	max-width: 1140px;
}



/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	background-color: #fff;
	border-bottom: 1px solid #eee;
	letter-spacing: 1px;
	letter-spacing: 0.1rem;
	position: fixed;
	z-index: 999;
	width: 100%;
}

/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	padding: 18px 0;
	padding: 1.8rem 0;
	width: 186px;
}

.header-image .title-area {
	padding: 0;
}

.site-title {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1;
	margin: 0;
	text-transform: uppercase;
}

.site-title a,
.site-title a:hover {
	border: none;
	color: #333;
}

.site-description {
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: 300;
	line-height: 1.2;
	margin: 0;
}

.site-header .widget-area {
	float: right;
	text-align: right;
	width: 800px;
}

.site-header .search-form {
	float: right;
	margin-top: 10px;
	margin-top: 1rem;
}


/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.theme-nav-menu {
	clear: both;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	line-height: 1.5;
	width: 100%;
}

.theme-nav-menu .menu-item {
	display: inline-block;
	text-align: left;
}

.theme-nav-menu a {
	border: none;
	color: #333;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	padding: 20px;
	padding: 2rem;
	position: relative;
}

.theme-nav-menu .sub-menu {
	left: -9999px;
	letter-spacing: 0;
	opacity: 0;
	position: absolute;
	-webkit-transition:	opacity .4s ease-in-out;
	-moz-transition:	opacity .4s ease-in-out;
	-ms-transition:		opacity .4s ease-in-out;
	-o-transition:		opacity .4s ease-in-out;
	transition:			opacity .4s ease-in-out;
	width: 160px;
	z-index: 99;
}

.theme-nav-menu .sub-menu a {
	background-color: #fff;
	border: 1px solid #eee;
	border-top: none;
	padding: 16px 20px;
	padding: 1.6rem 2rem;
	position: relative;
	width: 160px;
}

.theme-nav-menu .sub-menu .sub-menu {
	margin: -54px 0 0 159px;
}

.theme-nav-menu .menu-item:hover {
	position: static;
}

.theme-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.theme-nav-menu > .first > a {
	padding-left: 0;
}

.theme-nav-menu > .last > a {
	padding-right: 0;
}

.theme-nav-menu > .right {
	display: inline-block;
	float: right;
	list-style-type: none;
	padding: 20px 0;
	padding: 2rem 0;
	text-transform: uppercase;
}

.theme-nav-menu > .right > a {
	display: inline;
	padding: 0;
}

.theme-nav-menu > .rss > a {
	margin-left: 48px;
	margin-left: 4.8rem;
}

.theme-nav-menu > .search {
	padding: 6px 0 0;
	padding: 0.6rem 0 0;
}

/* Site Header Navigation
--------------------------------------------- */

.site-header .sub-menu {
	border-top: 1px solid #eee;
}

.site-header .sub-menu .sub-menu {
	margin-top: -55px;
}


/* Responsive Menu
--------------------------------------------- */

#responsive-menu-icon {
	cursor: pointer;
	display: none;
}

#responsive-menu-icon::before {
	-webkit-font-smoothing: antialiased;
	color: red;
	content: "menu";
	font-family: 'Icon';
	font-size: 16px;
	font-size: 1.6rem;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	margin: 0 auto;
	speak: none;
	text-transform: none;
}



/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1179px) {

	.wrap {
		max-width: 960px;
	}

	.site-header .widget-area {
		width: 620px;
	}


}

@media only screen and (max-width: 1023px) {

	.wrap {
		max-width: 768px;
	}

	.content,
	.site-header .widget-area,
	.site-tagline-left,
	.site-tagline-right,
	.title-area {
		width: 100%;
	}

	.site-header {
		position: relative;
	}


	.post-type-archive-portfolio .entry,
	.site-header .title-area,
	.site-header .search-form,
	.site-header .widget-area,
	.site-tagline-left,
	.site-tagline-right {
		text-align: center;
	}

	.header-image .site-title a {
		margin: 0 auto 10px;
		margin: 0 auto 1rem;
	}

	.site-header .search-form {
		float: none;
		margin: 0 auto;
		width: 50%;
	}


	.theme-nav-menu li,
	.site-header ul.theme-nav-menu {
		float: none;
	}

	.site-tagline-left p {
		margin-bottom: 20px;
		margin-bottom: 2rem;
	}


	.footer-widgets .widget,
	.nav-primary .wrap,
	.site-footer .wrap,
	.site-tagline {
		padding-left: 5%;
		padding-right: 5%;
	}

	.site-footer {
		padding: 40px 0;
		padding: 4rem 0;
	}

}

@media only screen and (max-width: 768px) {

	.site-header {
		padding-bottom: 10px;
		padding-bottom: 1rem;
	}

	.title-area {
		padding-bottom: 6px;
		padding-bottom: 0.6rem;
		width: 200px;
	}

	.theme-nav-menu a {
		padding: 20px 10px;
		padding: 2rem 1rem;
	}


	.responsive-menu {
		display: none;
	}

	#responsive-menu-icon {
		display: block;
	}

	
@media only screen and (max-width: 600px) {

}

@media only screen and (max-width: 320px) {

	.header-image .site-header .title-area .site-title a {
		background-size: contain !important;
	}

}