ほとんどのデバイスに向かった後、ナビがあります。次のようになります。
<header role="banner">
<hgroup>
<h1>
<a href="/" rel="home">Site name</a>
</h1>
<h2>subname</h2>
</hgroup>
<nav>
<ul>
<li><a href="#">Option 1</a></li>
<li><a href="#">Option 2</a></li>
<li><a href="#">Option 3</a></li>
<li><a href="#">Option 4</a></li>
</ul>
<a href="#" id="pull">Menu</a>
</nav>
</header>
縦向きダイスでは、メニューをクリックした後、NAV を一番上に置き、下にスライドさせたいと思います。問題は、下にスライドした後にコンテンツ (見出し) が下に移動するような方法でそれを上に置く方法です。「ナビゲーション」が DOM に向かう前のようですが、縦向きのスマートフォン専用です。見出しの上にナビゲーションを配置した絶対位置。同じフローで両方が必要です。