[batcave]

<header id="main_header">
		<nav id="main_menu_container">
		<div id="main_menu">
				<form id="menu_form" action="google.com" method="post">
					<input type="submit" id="search_submit" value="">
					<div id="cross"></div>
					<input type="search" id="menu_search" placeholder="Search...">
				</form>
				<ul id="ul_category">
					<li>Furniture</li>
					<li>Decoration</li>
					<li>Lighting</li>
					<li>Electronics</li>
				</ul>
				<ul id="ul_info">
					<li>About Us</li>
					<li>Contact Us</li>
					<li>Delivery</li>
					<li>Returns</li>
				</ul>
			</div>
		<div id="opacity_background"></div>
		</nav>
		<div id="shop_bag"></div>
		<div id="logo">Soho</div>
	</header>

#main_menu_container, #shop_bag {
	float: left;
	width: 60px;
	height: 60px;
	border-right: solid 1px #2f2f2f;
	background-image: url(../images/mobile_menu_icon.png);
}
#opacity_background {
	display: none;
	position: fixed;
	z-index: 100;
	width: 100%;
	height: 100%;
	background-color: rgba(194, 196, 199, 0.6);
}
#main_menu {
	position: absolute;
	z-index: 101;
	margin: 0 auto;
	display: none;
	padding-bottom: 76px;
	width: 400px;
	background-color: white;
}

css добавил только тот что в js использую. или нужно все что в header?