Значит что-то не так сделали. Если раскрыть ваш код и начать его анализировать, то встречается много ошибок случайных. Вот с самого начала:
1) <body class=""><div id="skel-layers-wrapper" style="position: relative; left: 0px; right: 0px; top: 0px; backface-visibility: hidden; transition: -moz-transform 0.5s ease 0s, opacity 0.5s ease 0s;">
e
<title>ФИЛИН</title>
Что это за
е такое и что оно там делает.
2) Что у вас в стилях:
#btn-swap {
background: url("images/avatar.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
cursor: pointer;
height: 76px;
width: 40px;
}
#swap {
width: inherit;
}
#logo h1 {
color: #fff;
font-size: 1em;
font-weight: 600;
line-height: 1em;
position: relative;
}
#logo p {
color: rgba(255, 255, 255, 0.5);
display: block;
font-size: 0.6em;
line-height: 1.25em;
margin: 0.5em 0 0;
position: relative;
}
#logo .image {
left: 0;
position: absolute;
top: 0;
}
А код логотипа при этом:
<div class="logo">
<div id="btn-swap"></div>
</div>
То есть блок имеет класс logo, а в стилях он у вас по селектору ID прописывается.
А должно быть так:
/* logo */
.logo {
position: relative;
margin: 30px;
min-height: 76px;
cursor: default;
}
/*ниже следующих элементов в блоке logo нет, и если их не будет, то это удалить*/
.logo h1 {
position: relative;
color: #fff;
font-weight: 600;
font-size: 1em;
line-height: 1em;
}
.logo p {
position: relative;
display: block;
font-size: 0.6em;
color: rgba(255,255,255,0.5);
line-height: 1.25em;
margin: 0.5em 0 0 0;
}
/*конец описания несуществующих элементов в блоке logo*/
#btn-swap {
width: 40px;
height: 76px;
background: url(images/avatar.png);
cursor: pointer;
}
#swap {
width: inherit;
}
/*далее описание #nav*/
Нижеследующие, это элементы H1 и P, которых нет в блоке, как и нет теперь IMG, оно теперь фоном у DIV выполняющей роль кнопки
3) Скрипт имеет ошибку - не закрыта конструкция. После стоки кода
}).closest("#header"); //получаем панель меню
должно быть прописано
})
Изменяя что-то, проверяйте себя.