휴대폰에서 사이트 표시 방식과 모바일 메뉴 구조

화면 너비가 768픽셀 이하일 때 헤더에는 로고와 인사말만 남고, 나머지 항목은 ‘햄버거’ 버튼 아래에 숨겨져 목록으로 펼쳐집니다.

좁은 화면(최대 768픽셀)에서는 상단 메뉴가 자동으로 재구성되며, 별도 설정이 필요 없습니다:

헤더에 남는 항목은 설정할 수 없습니다: 로고와 환영 문구만 가능합니다. 상단 메뉴의 나머지는 모두 목록 안에 있습니다.

로고. 휴대폰에서는 너비에 맞춰지고, 스타일시트의 높이가 최대값이 됩니다. 로고 위아래에 불필요한 여백이 생기지 않습니다.

확인 방법. 휴대폰에서 사이트를 열거나 브라우저 창을 좁혀 보세요. 휴대폰에서 관리자 모드 전환 버튼은 '햄버거' 옆에 원형으로 있습니다.

문제가 해결되지 않으면

휴대폰에서 사이트가 컴퓨터처럼 작게 보입니다. 캐시를 지우고 페이지를 새로고침하세요: 휴대폰이 이전 버전의 페이지를 저장했을 수 있습니다.
페이지가 옆으로 스크롤됩니다. 텍스트 내의 넓은 요소(표 또는 픽셀 단위로 지정된 너비의 블록)가 방해합니다. 너비를 줄이거나 백분율로 설정하세요.
필요한 버튼이 '햄버거' 안에 숨겨졌습니다. 예: '앱 설치'. 해당 버튼을 푸터에 넣거나 페이지에 섹션으로 추가하세요.

도움이 되셨나요?