상단 숨김 및 섹션 고정 옵션을 활용해 커스텀 상단 섹션을 디자인할 수 있습니다. 기본 상단을 이용할 수 없거나, 특정 페이지에서 특별한 상단 디자인이 필요할 때 이용할 수 있습니다.
상단 섹션을 숨긴 메뉴에 새로운 빈 섹션을 추가합니다.
위젯이 없는 영역에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
섹션 고정 옵션을 설정하고, 해당 섹션을 디자인하기 위해 스타일을 설정합니다.
아래 그림과 설명을 참고해 섹션 고정 옵션을 설정하고, 필요에 따라 배경, 간격 등 스타일을 지정합니다.
위젯 목록이 나오면 텍스트 위젯, 메뉴 리스트 위젯, 여백 위젯 등을 사용해 상단 메뉴를 디자인합니다. (로고 위젯, 메뉴 위젯, 로그인/장바구니 위젯 등은 상단 전용 위젯으로, 커스텀 상단 디자인에는 사용할 수 없습니다.)
디자인 완료한 섹션을 페이지 상단으로 이동시킵니다.
디자인한 섹션에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
섹션 컨텍스트 메뉴가 나오면 위로 이동을 클릭합니다.
섹션이 페이지 상단에 위치할 때까지 이동을 계속합니다.
커스텀 상단은 PC에서는 디자인한 그대로 표시되지만, 모바일에서는 문제가 발생할 수 있습니다. 이때 사용자는 모바일 뷰포트로 전환해, 별도의 모바일 전용 커스텀 상단을 수정할 수 있습니다.
자동으로 구성된 커스텀 상단 섹션의 왼쪽에 위치한 눈 모양 아이콘을 클릭합니다. (섹션을 숨기면 PC에서는 이전 디자인이 유지되지만, 모바일에서는 보이지 않게 됩니다.)
섹션 컨텍스트 메뉴가 나오면 모바일 전용 섹션추가를 클릭합니다.
새로운 모바일 전용 섹션이 생기면 ⨁ 아이콘을 클릭해 위젯을 추가하여, 모바일 전용 커스텀 상단을 디자인합니다.
(선택 사항) 만약 디자인한 모바일 전용 커스텀 상단이 페이지 상단에 위치하지 않는 경우, 해당 섹션을 위로 이동시켜 주세요.
상단 섹션 외 하단 섹션도 사용자가 직접 디자인할 수 있습니다. 하단 숨김 및 섹션 반복 기능을 활용해 나만의 커스텀 하단을 디자인해 보세요.