One thing we never got around to and caused some confusion after our work on Full height, slide out hamburger menu was that the hamburger menu, on the right side, opens a menu from the left side. For those interested in rearranging the header, this is for you:
Mobile menus appearing in the upper-left corner of the screen is not very reachable single-handedly which is why this is a standalone theme component. Options, yanno?
「いいね！」 36
Very nice. Is it possible to extend the component and add the option for the logo to be in the middle of the bar when the menu icon is on the left? I think it’s the most logical way (speaking of ux).
「いいね！」 4
Sure, I’ve added a theme option for you to make the logo more centered - enjoy!
「いいね！」 9
Would it be possible to customise this for the desktop version as well ?
ozkn
2021 年 1 月 3 日午前 10:57
5
Thanks for the theme component @featheredtoast
「いいね！」 1
I’d consider desktop out of scope for this particular theme component.
You could certainly do something similar for desktop if you were looking to reposition elements as adopting the same techniques I used here for desktop certainly wouldn’t be too difficult in a separate theme if you’ve got something in mind you’d like to do.
「いいね！」 2
Thank you for the reply
タブレットでのみ有効にできますか？そのUXはタブレットには非常に適していますが、モバイル（多くの人が片手でスマートフォンを使用している）にはそれほど適していません。
danielabc
2024 年 2 月 16 日午前 9:07
10
最近このコンポーネントにバグがあり、有効にするとすべてがずれてしまいます。どうすれば修正できますか？
「いいね！」 1
fokx
2024 年 3 月 4 日午前 3:35
12
これは機能しません。ハンバーガーボタンはデスクトップでは既に左上にありますが、コアコードでモバイルUIでも同様にすることは可能でしょうか？もし不可能であれば、このようなデザインの統一を妨げている理由は何でしょうか？
「いいね！」 1
このテーマコンポーネントが現在機能していないという報告がいくつかあったため、#:broken: タグを追加しました。
「いいね！」 1
Lilly
2024 年 3 月 4 日午前 6:55
14
fokx:
この種の設計の統合を妨げている理由は何ですか？
OPに記載されているとおり：
片手での操作性を考慮して、モバイルのメニューは同じ側に配置されています。
fokx
2024 年 3 月 4 日午前 8:12
15
指摘していただきありがとうございます。確かに見落としていました。理解しました。しかし、設定可能にすることはできますか？
これが修正される時期または修正されるかどうかについて、何かニュースはありますか？
遅れて申し訳ありません。@benji がこの修正を提出しました。他に問題があればお知らせください。
main ← brrusselburg:br/left-to-right-mobile
opened 07:31PM - 12 Jul 24 UTC
Before:
After:
「いいね！」 2
@featheredtoast 、@benji 、ありがとうございます！
試してみましたが、残念ながら、インストールされている別のテーマコンポーネントとうまく連携していないようです。
スクリーンショットをご覧ください（チャットアイコンが2行目に移動しています）。
「Left side hamburger menu on mobile」テーマコンポーネントを無効にした場合の表示はこちらです。
お役に立てば幸いです！
「いいね！」 2
benji
2024 年 7 月 12 日午後 11:43
19
Robin Grant:
Hope that’s useful!
これは役に立ちます。ありがとうございます！今日はこれで終わりですが、月曜日に確認するように自分にメモしておきます。何が起こっているのかわかったと思います。
「いいね！」 3
benji
2024 年 7 月 15 日午後 6:21
20
ハッピーマンデー、@Robin.Grant ！これらのスクリーンショットは、「左側」テーマのアップデートをダウンロードした後に撮影されたもので間違いないか確認したかったのです。現在、ローカルで再現しようとしています。
「いいね！」 1
これを修正しました。@benji さん、ありがとうございました。
main ← brrusselburg:br/header_icon_fix
opened 11:20PM - 15 Jul 24 UTC
Another small tweak. Double-checked, and there were no side-effects from this on… desktop mode.
Before:
<img width="493" alt="Screenshot 2024-07-15 at 6 02 27 PM" src="https://github.com/user-attachments/assets/19ee67bb-cbdb-4a16-8638-c48076b113a3">
After:
<img width="496" alt="Screenshot 2024-07-15 at 6 01 54 PM" src="https://github.com/user-attachments/assets/fc8a766f-3e92-4b47-b40a-3268271155f9">
Just this theme, to show nothing wacky happened:
<img width="490" alt="Screenshot 2024-07-15 at 6 22 06 PM" src="https://github.com/user-attachments/assets/ac715153-bfba-4766-adb7-9500135ca6ea">
@Robin.Grant さん、試してみてください。
「いいね！」 3
