Как переместить горизонтальное меню выше?

голоса: 0

Как мне убрать пустое пространство над меню и поставить его в самый верх?
Код 
<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}

Адрес сайта http://dlsprimer2.ucoz.net/
| Автор: | Категория: Меню сайта

Ответов: 1

голоса: 0
 
Лучший ответ

В стилях ищем строку номер 7:

header{height: 50px;border-bottom:3px solid #212121;}

добавить выделенное. 

Далее найти строку номер 69:

div#catmenu{padding:0;position:relative;top: -40px;}

добавить выделенное.

После в самый низ таблицы стилей прописать:

.module-index {position:relative;top:-20px}

| Автор:
Выбор ответа лучшим | | Автор: Марина Телиш
...