Не корректно отображается меню после публикации сайта

[darkness666]

Здравствуйте, я тут новичок совсем. Может кто то подскажет по такой проблеме.

На сайте сделала меню CSS (с якорями, если это важно), при просмотре все в норме, после размещения на сервере захожу с ноутбука, с мобильного - меню выглядит совершенно иначе. Вроде все настройки уже перекопала, и так и не понимаю в чем может быть дело.

Как должно быть:


Как после публикации:


Наверняка какая-то простая проблема, точнее ее решение, но я его упорно не вижу, по этому огромное спасибо тем кто подскажет


Если нужно то в CSS выглядит вот так:

#wb_CssMenu1
{
border: 0px solid #87CEEB;
background-color: #000000;
background: linear-gradient(to top, #000000 0%, #696969 100%);
margin: 0;
text-align: left;
}
#wb_CssMenu1 ul
{
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
display: inline-block;
}
#wb_CssMenu1 li
{
float: left;
margin: 0;
padding: 0px 4px 0px 0px;
}
#wb_CssMenu1 a
{
display: block;
float: left;
color: #87CEEB;
border: 1px groove #FFFFFF;
background-color: #000000;
background: linear-gradient(to top, #000000 0%, #808080 100%);
font-family: Kurale;
font-weight: normal;
font-size: 24px;
font-style: normal;
text-decoration: none;
height: 26px;
line-height: 26px;
padding: 0px 5px 0px 5px;
vertical-align: middle;
text-align: center;
box-shadow: 0px 0px 17px #FFFFFF;
}
#wb_CssMenu1 li:hover a, #wb_CssMenu1 a:hover
{
color: #FFFFFF;
background-color: #A9A9A9;
background: linear-gradient(to top, #A9A9A9 0%, #D3D3D3 100%);
border: 1px groove #FFFFFF;
}
#wb_CssMenu1 li.firstmain
{
padding-left: 0px;
}
#wb_CssMenu1 li.lastmain
{
padding-right: 0px;
}
#wb_CssMenu1 br
{
clear: both;
font-size: 1px;
height: 0;
line-height: 0;
}
#wb_CssMenu1.affix
{
top: 0 !important;
position: fixed !important;
left: 50% !important;
margin-left: -295px;
}

[spoon]

У вас css файл не подключен, стилей нет на меню, смотрите настройки.