모바일 위치와 일치하도록 햄버거 메뉴 아이콘을 이동하세요

가끔 로고 대신 이 아이콘을 클릭합니다. 모바일 버전처럼 이 아이콘을 오른쪽으로 이동시킬 수 있는 방법이 있을까요? 제 Discourse 설치 환경에서는 상단 내비게이션 바의 왼쪽 상단에 로고만 클릭 가능하도록 하고 싶습니다.

그걸 켜고 CSS로 햄버거 아이콘을 숨기면 되겠죠.

물론 이 모든 것은 데스크톱에만 해당됩니다. 모바일에 이런 조치를 취하면… 음, 모바일 사용자가 영원히 한 명도 남지 않도록 하는 가장 확실한 방법이 될 테니까요 :smirking_face:

이전에 언급했듯이:

…데스크톱의 햄버거 메뉴 위치가 모바일과 일치한다면, 그것이 제 1순위 선호 사항입니다:

image

웹사이트의 경우, 데스크톱의 왼쪽 위 위치는 로고를 배치하기에 최적의 자리이며, 일반적으로 로고가 가장 왼쪽 위에 있는 클릭 가능한 요소입니다. 어떤 쪽에 사이드바가 있든, 로고 바로 옆에 메뉴가 있는 것은 좋아하지 않습니다.

모바일에서는 햄버거 메뉴가 상단 메뉴 바의 오른쪽에 있는 것이 완벽하게 적절합니다. 만약 데스크톱의 위치를 유지한다면, 모바일에서 실수로 클릭하는 문제가 데스크톱보다 훨씬 더 많이 발생할 것이라고 생각합니다. :smirk:

로고(홈)는 햄버거 아이콘보다 훨씬 더 자주 클릭합니다. 제 경우, 사이드바를 항상 열어 두기 때문에 햄버거 토글 버튼을 클릭할 필요가 없지만, 로고 왼쪽이라는 매우 중요한 위치에 있기 때문에 가끔씩 실수로 클릭되는 경우가 있습니다.

감사합니다. :pray: CSS를 사용하여 이 문제를 해결했고, 이제 데스크톱의 햄버거 버튼 위치가 모바일과 동일합니다:
A blank search bar with a URL bar next to it. (Captioned by AI)