2013-03-29 4 views
0

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

[http://media02.hongkiat.com/responsive-web-nav/demo/index.html][1]

, когда я открываю это в 320x460 разрешения окна, то откроется меню над строкой меню я хочу его ниже бар

enter image description here

+0

Я никогда не вижу эту схему на этой демонстрационной странице. Большие пункты меню и кнопка меню не отображаются одновременно. – isherwood

+0

Можете ли вы опубликовать код или вставить его в Fiddle, чтобы мы могли возиться с ним и, возможно, предоставить вам решение. – Leeish

+1

@isherwood вам нужно изменить разрешение экрана, если вы используете firefox, затем установите флажок «Ctrl + Shift + M», вы получите экраны для изменения разрешения. –

ответ

1
<nav class="clearfix"> 
    <a href="#" id="pull">Menu</a> 
    <ul style="display: none;" class="clearfix"> 
     ... 
    </ul> 
</nav> 

$('#pull').click(function() { 
    $(this).next('ul').slideToggle(); 
}); 

Похоже, вам необходимо настроить медиа-запросы, чтобы соответствовать. Меню не отображается с более высоким разрешением.

Редактировать: Я вижу в вашей новой скрипке, что вы обрабатываете некоторые из них с помощью jQuery. Лучше всего оставить CSS.

+0

спасибо isherwood, это работает для меня, поскольку я хотел поблагодарить вас за быстрый Ответить –

Смежные вопросы