모바일 헤더와 메뉴 설정

예상 읽기 시간:1분 1 조회수
적용 대상최신 케이테마
설정 위치모양 → 사용자 정의 → 헤더
작업 시간15분

휴대폰에서는 화면 너비가 작기 때문에 PC 메뉴를 그대로 보여 주지 않습니다. 모바일 헤더는 로고, 메뉴 열기 버튼, 꼭 필요한 검색·회원 아이콘만 남기는 것이 가장 읽기 쉽습니다.

시작하기 전에

확인할 것권장 기준
메뉴 항목 수5~7개 안팎
메뉴 이름두세 단어 이내
상단 아이콘검색·내 계정처럼 자주 쓰는 기능만
확인 방법실제 휴대폰에서 열고 닫기

1. 모바일 헤더 옵션 열기

모양 → 사용자 정의 → 헤더에서 모바일 헤더 배경, 메뉴 버튼 글자 색, 검색·회원 아이콘 표시 여부를 확인합니다. PC 헤더와 모바일 헤더의 배경색은 서로 다르게 설정할 수 있습니다.

K-Theme 사용자 정의 화면의 헤더와 모바일 메뉴 관련 설정
모바일에서는 헤더 배경과 아이콘 표시를 확인한 뒤 실제 휴대폰에서 메뉴 열림을 검수합니다.

2. 모바일 메뉴를 짧게 정리

PC 메뉴가 많더라도 모바일 첫 화면에는 핵심 메뉴만 남기세요. 하위 메뉴가 길면 한 번에 모두 열기보다 상위 메뉴를 눌러 펼치는 구조가 좋습니다.

3. 메뉴 열림 위치 확인

공개 사이트를 휴대폰으로 열고 메뉴 버튼을 누릅니다. 메뉴는 헤더 바로 아래에서 열리고, 닫기 버튼·배경·글자 대비가 분명해야 합니다. 스크롤 후에도 메뉴가 겹치지 않는지 확인하세요.

완료 확인

확인 항목완료 기준
메뉴 버튼한 번 누르면 열리고 다시 누르면 닫힘
메뉴 위치헤더 아래에서 시작하며 내용을 가리지 않음
아이콘검색·회원 등 필요한 아이콘만 표시
링크모든 메뉴가 올바른 페이지로 이동

기존 테마 사용자

기존 테마의 모바일 메뉴는 최신 케이테마와 구조가 다를 수 있습니다. 문제가 있으면 기존 모바일 메뉴 오류 문서를 먼저 확인하세요.

페이지 공유

모바일 헤더와 메뉴 설정

URL 주소 공유

목차