以下のリンクを参照に使用してレスポンシブメニューセクションに取り組んでいます
[ http://media02.hongkiat.com/responsive-web-nav/demo/index.html][1]
これを 320x460 のウィンドウ解像度で開くと、メニューがメニュー バーの上に開き、バーの下に表示したい
以下のリンクを参照に使用してレスポンシブメニューセクションに取り組んでいます
[ http://media02.hongkiat.com/responsive-web-nav/demo/index.html][1]
これを 320x460 のウィンドウ解像度で開くと、メニューがメニュー バーの上に開き、バーの下に表示したい
<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に任せるのが一番いいかもしれません。