# 모바일 왼쪽 햄버거 메뉴

**URL:** https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513
**Category:** Theme component
**Tags:** mobile
**Created:** [9월 18, 2020, 10:56오후 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513 "2020-09-18T22:56:47Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![Robin.Grant](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/robin.grant/32/308261_2.png) [@Robin.Grant](https://meta.discourse.org/u/Robin.Grant)
#### Post date: [7월 16, 2024, 9:05오후 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/23 "2024-07-16T21:05:22Z")

</div>

@benji & @featheredtoast 감사합니다.

아쉽게도 여전히 일부 이상한 동작이 나타나고 있습니다.

[모바일 왼쪽 햄버거 메뉴](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513)를 꺼놓은 경우:

 ![IMG_2645](https://global.discourse-cdn.com/meta/original/4X/3/3/1/331aaf6d8d89e14360b20b96f44bfafec3adfbcc.jpeg)

켜놓은 경우:

 ![IMG_2644](https://global.discourse-cdn.com/meta/original/4X/6/2/7/627fc81c004e7ac520519a597b73d9d550292a7b.jpeg)

채팅 아이콘의 위치를 주목해 보세요…

---

<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: [7월 24, 2024, 7:32오후 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/25 "2024-07-24T19:32:46Z")

</div>

아, 이제 알겠어요. 아이콘이 지정된 영역에 할당되지 않았었네요. 다시 업데이트했습니다!

---

<div class="post-metadata">

### Author: ![Robin.Grant](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/robin.grant/32/308261_2.png) [@Robin.Grant](https://meta.discourse.org/u/Robin.Grant)
#### Post date: [7월 25, 2024, 1:57오후 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/26 "2024-07-25T13:57:12Z")

</div>

불행히도 여전히 문제가 해결되지 않았습니다. [모바일에서 왼쪽 햄버거 메뉴](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513) 최신 버전을 활성화한 상태의 새로운 스크린샷입니다:

 ![IMG_2706](https://global.discourse-cdn.com/meta/original/4X/2/6/d/26d8aaa79c139b0fd78a2302b0f29c9c8e08e75a.jpeg)

---

<div class="post-metadata">

### Author: ![fokx](https://avatars.discourse-cdn.com/v4/letter/f/958977/32.png) [@fokx](https://meta.discourse.org/u/fokx)
#### Post date: [8월 9, 2024, 1:04오전 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/27 "2024-08-09T01:04:27Z")

</div>

로그인하지 않은 사용자의 경우 로그인 버튼이 다른 헤더 버튼과 정렬되지 않는 문제를 수정하기 위해 PR을 만들었습니다.

[https://github.com/featheredtoast/discourse-left-menu-theme-component/pull/4](https://github.com/featheredtoast/discourse-left-menu-theme-component/pull/4)

수정 전:

 ![Screenshot_20240809_090012](https://global.discourse-cdn.com/meta/original/4X/1/4/6/14665b6d184d18212dd2360925b8e86b4c12b65c.webp)

수정 후:

 ![Screenshot_20240809_085909](https://global.discourse-cdn.com/meta/original/4X/6/1/2/6125ecdaac438ed4daa0a9a99eb6b1cc9f510acc.webp)

---

<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: [8월 11, 2024, 6:39오후 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/28 "2024-08-11T18:39:11Z")

</div>

@fokx 멋진 작업 감사합니다! 해당 줄은 대기 중인 변경 사항들이 설정되어 있는 곳이기도 해서, PR 외부에서 별도로 변경 사항을 가져왔습니다.

@Robin.Grant 커스텀 헤더 아이콘 정렬을 개선하도록 테마를 업데이트했습니다. 한번 테스트해 보세요.

 ![Screenshot 2024-08-11 at 11.37.54 AM](https://global.discourse-cdn.com/meta/original/4X/7/5/d/75d1cb9ea2592432bec86230feed7665d2aec21e.png)  
 ![Screenshot 2024-08-11 at 11.38.22 AM](https://global.discourse-cdn.com/meta/original/4X/f/9/7/f97ed542128f2e3d0f26a1cf5ac81748865ab140.png)

---

<div class="post-metadata">

### Author: ![Robin.Grant](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/robin.grant/32/308261_2.png) [@Robin.Grant](https://meta.discourse.org/u/Robin.Grant)
#### Post date: [8월 11, 2024, 8:06오후 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/29 "2024-08-11T20:06:40Z")

</div>

멋지네요! - @featheredtoast 감사합니다 - 완벽하게 작동하는 것 같습니다!

---

<div class="post-metadata">

### Author: ![CAX.DO](https://avatars.discourse-cdn.com/v4/letter/c/e9c0ed/32.png) [@CAX.DO](https://meta.discourse.org/u/CAX.DO)
#### Post date: [3월 25, 2025, 1:08오후 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/30 "2025-03-25T13:08:33Z")

</div>

안녕하세요  
이 컴포넌트가 업데이트될 예정인가요? 문제가 발생했습니다. 사용자 지정 상태를 설정하고 아이콘을 추가하면 아바타를 클릭할 때 아이콘이 잘못된 위치로 이동합니다.

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/8/7/a879152d9f180bbf95c3dbc645f89a707dab7539.png)

---

<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: [3월 28, 2025, 12:10오전 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/31 "2025-03-28T00:10:25Z")

</div>

이 컴포넌트를 확인한 지 좀 됐는데, 헤더가 리팩토링되었으니 이제 처리할게요…

그럼에도 불구하고, 제가 처리하기 전에 누군가 먼저 이 작업을 진행한다면 PR이나 유사한 제안을 환영합니다.

---

<div class="post-metadata">

### Author: ![fokx](https://avatars.discourse-cdn.com/v4/letter/f/958977/32.png) [@fokx](https://meta.discourse.org/u/fokx)
#### Post date: [8월 15, 2025, 3:01오전 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/32 "2025-08-15T03:01:33Z")

</div>

최근 코어 변경 이후 이 TC가 작동하지 않는다는 것을 발견하여 PR을 열었습니다:

> <https://github.com/featheredtoast/discourse-left-menu-theme-component/pull/5>
>
> FIX: Adapt to \[discourse PR 34235\](https://github.com/discourse/discourse/pull/3…4235)
> 
> That PR moves the d-header-icons ul under the header-buttons span, which makes this theme compoennt not work anymore.
> 
> Before that commit:
> \<img width="1726" height="822" alt="dom\_before" src="https://github.com/user-attachments/assets/70d81328-3eb7-4a94-a28b-9239bd30f4f6" /\>
> 
> \-\>
> 
> After that commit:
> \<img width="1189" height="793" alt="dom\_after" src="https://github.com/user-attachments/assets/0b80faa6-99ac-4b00-847a-1877ed053a69" /\>
> 
> Also I find the center logo doesn't work, so I include another commit:
> FIX: Use \`justify-content: center\` instead of \`margin: 0 auto\` to horizontally center logo

---

<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: [8월 15, 2025, 3:03오전 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/33 "2025-08-15T03:03:56Z")

</div>

좋아요! PR 감사합니다. 병합했습니다 🙂

---

<div class="post-metadata">

### Author: ![SbadaKesi](https://avatars.discourse-cdn.com/v4/letter/s/4bbf92/32.png) [@SbadaKesi](https://meta.discourse.org/u/SbadaKesi)
#### Post date: [8월 22, 2025, 12:05오전 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/34 "2025-08-22T00:05:22Z")

</div>

Hi @featheredtoast 최근 업데이트 이후로 제 쪽에서는 작동하지 않아요 😅

---

<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: [8월 22, 2025, 12:07오전 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/35 "2025-08-22T00:07:54Z")

</div>

최근에 이 커밋에서 코어가 되돌려졌기 때문에 업데이트를 되돌리는 것이 제안되었습니다: [Revert "UX: Adjust appearance of search icon (#34235)" (#34469) · discourse/discourse@22f8f6d · GitHub](https://github.com/discourse/discourse/commit/22f8f6d307260c33a0995a2dee20b34ca7a8f512)

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [9월 28, 2025, 5:28오전 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/36 "2025-09-28T05:28:05Z")

</div>

현재 중앙 로고 기능이 제대로 작동하지 않는 것 같습니다. 적어도 우리의 새 사이트에서는 아무런 효과가 없는 것으로 보입니다.

그리고 이 컴포넌트는 정말 훌륭합니다! 모바일에서 🍔 아이콘을 오른쪽에 배치하는 기본 동작은 단순히 잘못된 것입니다. 이 부분을 변경하기 위해 추가적인 논의가 있었나요?

---

<div class="post-metadata">

### Author: ![David\_Ghost](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@David\_Ghost](https://meta.discourse.org/u/David_Ghost)
#### Post date: [9월 28, 2025, 11:45오전 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/37 "2025-09-28T11:45:15Z")

</div>

네, 로고를 가운데에 배치하는 설정도 여기서는 작동하지 않습니다.

---

<div class="post-metadata">

### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [10월 5, 2025, 11:29오전 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/38 "2025-10-05T11:29:25Z")

</div>

3.5.1에서 TC를 활성화한 후에도 모바일 헤더에서 햄버거 아이콘이 여전히 오른쪽에 표시되는 것을 확인했습니다.

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [10월 5, 2025, 10:34오후 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/41 "2025-10-05T22:34:22Z")

</div>

제 환경에서는 그런 문제가 없습니다. 해당 기능 부분은 저에게 정상적으로 작동합니다.

[위에서 언급한 문제](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/36)는 햄버거 메뉴가 아니라 로고 위치와 관련이 있습니다.

---

<div class="post-metadata">

### Author: ![jrgong](https://avatars.discourse-cdn.com/v4/letter/j/c57346/32.png) [@jrgong](https://meta.discourse.org/u/jrgong)
#### Post date: [10월 11, 2025, 12:00오후 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/42 "2025-10-11T12:00:53Z")

</div>

~~3.5에서 테스트해 보셨나요, 아니면 3.6에서요? 저희 3.5.1 안정판에서는 테마 컴포넌트가 작동하지 않습니다. 하지만 3.6에서는 작동하더군요.~~

수정: 문제를 찾았습니다! 3.5.1에서 이 컴포넌트를 사용하시려면 이 커밋을 사용하세요: [GitHub - featheredtoast/discourse-left-menu-theme-component at 707abce8558065abd6e59a92da3f2cd22d9d0a8a · GitHub](https://github.com/featheredtoast/discourse-left-menu-theme-component/tree/707abce8558065abd6e59a92da3f2cd22d9d0a8a)

---

<div class="post-metadata">

### Author: ![David\_Ghost](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@David\_Ghost](https://meta.discourse.org/u/David_Ghost)
#### Post date: [4월 2, 2026, 12:10오후 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/43 "2026-04-02T12:10:20Z")

</div>

현재 이 컴포넌트로 로고를 중앙 정렬할 수 있을까요?

---

<div class="post-metadata">

### Author: ![nathank](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nathank/32/290039_2.png) [@nathank](https://meta.discourse.org/u/nathank)
#### Post date: [4월 9, 2026, 10:31오전 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/44 "2026-04-09T10:31:45Z")

</div>

죄송합니다. 몇 달 동안 작동하지 않은 것 같습니다.

---

<div class="post-metadata">

### Author: ![David\_Ghost](https://avatars.discourse-cdn.com/v4/letter/d/c37758/32.png) [@David\_Ghost](https://meta.discourse.org/u/David_Ghost)
#### Post date: [4월 9, 2026, 10:46오전 UTC](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513/45 "2026-04-09T10:46:28Z")

</div>

네, 동의합니다. 방금 CSS로 구현했습니다.

 ![Screenshot_20260409_124436_Brave](https://global.discourse-cdn.com/meta/original/4X/0/7/2/0720f02461f46ebebb437a26ef0946a86e5d7df0.jpeg)  
 ![Screenshot_20260409_124613_Brave](https://global.discourse-cdn.com/meta/original/4X/b/6/f/b6fbbe7f6e5a65c1d9ce48823fe0c9837e52bd07.jpeg)

[Previous page](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513.md?page=1)

[Next page](https://meta.discourse.org/t/left-side-hamburger-menu-on-mobile/164513.md?page=3)