Zurb Foundation 4 を使用しており、トップバー ナビゲーションを使用する必要があります。ただし、2 つのナビゲーション バーがあり、1 つは黒で、画面幅の 100% になります。これはシンプルで、2 つのリンクと検索フォームがあります。これは修正する必要があります。
2 つ目は幅 980 ピクセルの白で、3 ~ 4 レベルが含まれています。間にマストヘッドがあります。
崩壊するには両方が必要です。
私がやりたいのは、2 番目の (メイン) ナビゲーション バーを固定することですが、ブラウザー ウィンドウの上部に固定するのではなく、黒いバーの下に「固定」するようにオフセットを与えたいと考えています。
ブートストラップでこれを行うことができますが、基礎で行う方法がわかりません。
もう 1 つの方法は、折りたたんだときに単一の黒いナビゲーション バーを表示することです。
CSS を使用してこれを行うこともできますが、メインのナビゲーションはかなり大きいため、2 回ダウンロードする必要はありません。appendAround.js を試しましたが、トップバー内では機能しません。
何か案は?
前もって感謝します!