Zurb Foundation UI フレームワークを使用してサイトを構築しています。デスクトップとモバイルの両方の訪問者に対して機能するように、トップレベルのナビゲーション リンクをどのように扱うかを考えています。
編集: ここに例があります: http://meowzen.com/zurb-nav/
セクション 1 <-- 訪問者を「セクション」ページに誘導する必要があります
-- サブセクション 1 <-- 訪問者を「サブセクション」ページに誘導する必要があります
-- サブセクション 2 <-- 同上
- 等
上記のリンクの例では、すべてのリンクが大画面で期待どおりに機能することがわかります。ただし、(ウィンドウのサイズを変更するか、モバイル デバイスでページを表示することによって) レスポンシブ ナビゲーションが開始されると、メニューから「セクション」ページにアクセスできなくなります。
誰かがこの問題に立ち向かったことがありますか? これについてどうすればよいかについて何か提案はありますか?
よろしくお願いします!
編集:ここに私が現時点で持っているいくつかのオプションがあります:
オプション 1: モバイル ナビゲーションの最上位の「セクション」のみを表示します。例は次のとおりです: プロジェクション。ピクサー。コム。<- 私はこれに傾いています!
オプション 2: セクション名をリンク可能にする - ここに実際の例があるので可能だと思います: emerilsrestaurants コム。
オプション 3: サブセクション レベルでセクション ページのダミー メニュー項目を挿入します。