Drupal 7 で、Zen 7.x-5.x に基づくレスポンシブ テーマでサイトを構築しています。こちらの手順に基づいて、メディア クエリを使用して小さな画面メニューのスタイルを設定することに成功しました。
手順: http://webdesignerwall.com/tutorials/css-responsive-navigation-menu
デモ: http://webdesignerwall.com/demo/responsive-menu/
私が今持っている唯一の問題は、デモのそのサイトで機能する ul:hover{} が私の Drupal サイトでは機能しないことです。モバイル デバイスからサイトにアクセスすると、メニューをタップすると確かに展開されますが、最初の項目もすぐに選択されます。
の代わりにタグを使用して囲んでいるためだと感じていますが、テーマでそれを変更できるかどうかはわかりません。
これをどのように処理すればよいですか？できれば JavaScript を使用しないことをお勧めしますが、「JavaScript を使用する」というフィードバックが圧倒的に多い場合は、喜んで耳を傾けます。