# モバイルでの左側ハンバーガーメニュー

**URL:** https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513
**Category:** Theme component
**Tags:** mobile
**Created:** [2020 年 9 月 18 日午後 10:56 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513 "2020-09-18T22:56:47Z")
**Posts on this page:** 1
**Showing post:** 1

<div class="post-metadata">

### Author: ![featheredtoast](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/featheredtoast/32/116994_2.png) [@featheredtoast](https://meta.discourse.org/u/featheredtoast)
#### Post date: [2020 年 9 月 18 日午後 10:56 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/1 "2020-09-18T22:56:47Z")

</div>

以前、[フル高さのスライドアウトハンバーガーメニュー](https://meta.discourse.org/t/full-height-slide-out-hamburger-menu/29789) の作業を行ってから、ハンバーガーメニューが右側にあるにもかかわらず、メニューが_左_側から開くという点を見落とし、一部混乱を招いていました。ヘッダーのレイアウトを変更したい方のために、このテーマコンポーネントを用意しました：

 ![Screenshot from 2020-09-18 12-19-27](https://global.discourse-cdn.com/meta/original/3X/b/3/b309bdc6153b29f88f9ffee0a4cb3b3be700bdd9.png)

モバイルメニューが画面の左上に表示されると、片手での操作がしにくいため、これは独立したテーマコンポーネントとして提供しています。選択肢は大切です。

| | | |
| --- | --- | --- |
| 🛠 | **リポジトリ** | [discourse-left-menu](https://github.com/featheredtoast/discourse-left-menu-theme-component) |
| ❓ | **インストールガイド** | [テーマまたはテーマコンポーネントのインストール方法](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **Discourse テーマ初心者の方へ** | [Discourse テーマの利用に関する初心者ガイド](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |

---

_[View the full topic](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513)._