Как мне убрать пустое пространство над меню и поставить его в самый верх?
Код
<header>
<div class="wrapper">
<div id="header">
<div class=head-top>
<div class="nav-head">
<div class="material-icons i_menu">menu</div>
</div>
</div>
Css (если не ошибаюсь)
.nav-head,#catmenu li.uWithSubmenu em{display:none}
.clr{clear:both}
.wrapper{margin:0 auto;padding:0;width:100%;max-width:1200px}
.site-n a,#catmenu li a{-webkit-transition:all .15s ease-out;transition:all .15s ease-out}
#header{padding:10px 30px 0;position:relative}
.head-top{overflow:hidden;position:relative}
.head-l{float:none;width:73%;padding:0;margin:0 auto}
.head-r{float:right;width:25%}
.header-social-links{float:left}
.head-r .header-social-links,.registration-links{float:right;list-style:none;padding:15px 0;display:inline-block;color:#212121}
.head-r .header-social-links li{float:left;padding:0 10px}
.registration-links li{float:left}
.registration-links li:first-child::after{content:'/'}
.site-n{word-wrap:break-word;-ms-word-break:break-word;word-break:break-word;display:inline-block;position:relative}
.site-n,.site-n a{color:#212121;text-decoration:none;font-family:'Open Sans Condensed';font-size:45px;font-weight:700}
#header .site-n a:hover{text-decoration:none;color:#7a7a7a}