css - WordPressメニューのレスポンシブデザイン

Question

WordPress 21 テーマの子テーマを開発中です。ライブデモはここで見ることができます。WordPress にはすでにレスポンシブ サポートがあるので、テーマの CSS をカスタマイズしているため、テーマもレスポンシブで実行しています。一部の部分については、完了しました。私のメニュー部分で、いくつかの問題に直面しています。2種類のメニューがあります。ドロップダウンがないものとドロップダウンがあるもの。今、レスポンシブにドロップダウンがあるメニューの問題に直面しています。誰かがここで私を助けてくれますか？

Answer 1

これは、技術的な問題というよりも、設計上の問題のようです。1) ドロップダウン メニューをアコーディオン メニュー (例: tiny accordion ) に変更するか、2) ドロップダウン メニュー領域を拡張し、その z-index を増やして、ドロップ ダウンにのみカーソルを合わせ、何もアクティブにしないようにすることをお勧めします。その下に表示されます。あなたのデザインでは、これは z-index を増やしてmargin-top: -2px;、ドロップダウン メニューの子のようなものを使用することを意味するかもしれません。

ただし、レスポンシブ デザインの考え方は、スマートフォンなどの小型デバイスで利用できるようにすることです。タッチを使用するスマートフォンにはホバー状態がないため、ユーザーが最初のメニューをクリックしてサブメニューを表示する、上記の提案 1 を使用して提供することをお勧めします。