Header Submenus

こんにちは、数年前、このスレッドでモバイルでの水平スクロールに関する投稿がありました。この問題は依然として発生しています。メニューが長い場合、最後の要素に到達できません。水平スクロールは、右端に表示されている要素の最後までしか行われず、それ以降はすべて切り取られます。

以下のデバイスのアプリでテストしました。

  • Galaxy S8 (Android 9)
  • Samsung A5 (Android 11 (LineageOS 18.1))
  • iOS 17.2.1
「いいね!」 2

モバイルでの水平スクロールに関する情報はありますか?それを再び機能させるためのコードスニペットや追加できるものはありますか?

「いいね!」 2

権限管理を有効にしてください。このプラグインは、管理者が特定のページにすばやくジャンプするために使用するものと非常によく似ています。

これはプラグインではなくテーマコンポーネントです。権限管理について、さらに詳しい情報を提供していただけますか?管理者はメニューの内容をカスタマイズできます。

「いいね!」 1

モバイルでメニューをスクロールさせる方法を誰か見つけましたか?

「いいね!」 2

メニュー名がページのコンテンツの詳細を損なうため、私もこれを楽しみにしていました。

「いいね!」 2

これは、他のテーマまたはテーマコンポーネントの共通CSSタブで次のCSSを使用することで実現できます。

.anon .top-menu {
  display: none;
}
「いいね!」 3

これで横スクロール可能にして、携帯電話で使えるようにすることについて、さらに何か考えや意見はありますか?

「いいね!」 1

問題:デスクトップで垂直スクロールができない

サブメニュー項目が多く、リストがデスクトップ画面より長い場合、下部の項目にアクセスできません。ただし、モバイルでは垂直スクロールは機能します。
モバイル画面では水平方向に約2つのメニュー項目しか収まらないため(タイトルの長さによる)、メニュー項目ごとに多くのサブメニュー項目を追加しました。しかし、デスクトップでは下部の項目にアクセスできなくなりました。
FirefoxとChrome(Win 11)でテスト済み

問題:同じタブで開く項目をクリックしてもメニューが閉じない

これは特にモバイルで問題となります。メニューが画面全体を覆う場合、メニュー項目の隣の右上にある空き領域をクリックして閉じる必要があります。(空き領域がない場合はどうなりますか?)また、メニューが画面を覆ったままなので、リンクが機能したというフィードバックも得られません。メニュータイトルをクリックしても閉じません。