무엇을 도와드릴까요?

자주묻는 질문 가이드

모바일 메뉴버튼 메뉴 펼치기 (코드, 초급)

주의: 이 도움말은 아임웹에서 제공하지 않는 기능을 코드로 해결하는 방법은 안내합니다. 사용자가 임의로 변경한 부분에 대해 기술 및 고객지원은 불가하며, 향후 아임웹 업데이트에 따라 정상적으로 동작하지 않을 수 있습니다.

메뉴 버튼 위젯은 기본적으로 상위 메뉴, 하위 메뉴를 모두 접은 채로 표시됩니다. 일반적으로 여러 웹사이트는 많은 개수의 메뉴를 가지고 있기 때문에, 경우에 따라 지나치게 메뉴가 많아서 방문자의 메뉴 확인을 어렵게 하기 때문입니다.

그런데, 만약에 모든 메뉴를 펼쳐도 한 화면에 충분히 메뉴 확인이 가능하다면 아래의 CSS 코드를 모든 메뉴를 펼쳐 표시해 보길 바랍니다.

설정방법

  1. 내 사이트 관리자 페이지에 접속합니다. 접속방법
  2. 왼쪽 메뉴에서 [환경설정 > SEO(검색엔진최적화)]를 클릭해 이동합니다.
  3. 마우스 휠 스크롤을 움직여 공통 코드 삽입 항목으로 이동합니다.

  4. 아래의 코드를 복사합니다.

    <style>
/* 모바일 메뉴버튼 메뉴 펼치기 */
.mobile_slide_menu_container .viewport-nav.mobile li.depth-01 ul {
display: block !important;
height: auto !important;
}
.toggle-btn {
display: none;
}
</style>

  5. Body Code 항목에 붙여넣습니다.

  6. 저장 버튼을 클릭해 적용합니다.
  7. 내 사이트로 이동해 모바일 화면에서 모바일 메뉴버튼 메뉴가 모두 펼쳐져 보이는지 확인합니다.
    참고: 모바일 기기가 아니라 PC에서도 모바일 버전을 확인할 수 있습니다. 자세한 방법은 PC에서 모바일 버전 미리보기 도움말을 참고해 주세요.
찾으시는 답변이 없으신가요? 조금 더 단순한 키워드로 가이드를 검색해 보세요.
운영시간 내 채팅상담은 링크를 통해 접속 가능합니다.
목록으로