Мобильное навигационное меню Superfish

У меня есть эта версия http://jsfiddle.net/6vp3U/

   $('#mobnav-btn').click(

function () {
    $('.sf-menu').toggleClass("xactive");


});


$('.mobnav-subarrow').click(

function () {
    $(this).parent().toggleClass("xpopdrop");


});

меню Superfish, которое масштабируется до мобильной версии, работает нормально, и я разместил мобильное меню в верхней части страницы, и оно появляется, когда оно уменьшено до 800 пикселей.

Единственное, когда я нажимаю кнопку меню, меню появляется под всем содержимым моего заголовка. Это способ сделать меню при нажатии, чтобы отодвинуть весь остальной контент вниз и показать меню?

Надеюсь, это имеет смысл.

Спасибо


mobile navigation superfish
person Davva M    schedule 29.04.2014    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Как это?

ваша обновленная скрипта

<div id="nav">...</div>

#nav {
width: 100%;
overflow: hidden;
}
person jungerislaender    schedule 29.04.2014
comment
Привет, спасибо, но это не работает для меня, потому что моя навигация (sf-меню) начинается после всего содержимого моего заголовка? - person Davva M; 29.04.2014
comment
Если вы хотите, чтобы ваша навигация располагалась над вашим контентом, вы должны сначала написать ее в своем исходном коде. Или вы должны указать это абсолютно. Но тогда он будет накладываться на ваш контент. Единственное, что я добавил, это контейнер, включающий вашу навигацию и придающий ей 100% ширину. Так что контент будет уходить от вашей навигации, а не в сторону. - person jungerislaender; 30.04.2014