이 템플릿에서 사용된 메가메뉴 사용법

Nav Menu Options

데스크탑에서 마지막 NAV ITEM을 버튼처럼 보이게 하기

$last-nav-button-desktop: true; // SELECTION (true/false)

모바일에서 마지막 NAV ITEM을 버튼처럼 보이게 하기

$last-nav-button-mobile: true; // SELECTION (true/false)

모바일에서 마지막 NAV ITEM을 맨아래로 보내기

$last-nav-button-mobile-bottom: true; // SELECTION (true/false)

Sticky Header를 다르게 스타일링 하기

$sticky-header-links: false; // SELECTION (true/false)

멀티레벨 드롭다운

$multi-level-dropdown: false; // SELECTION (true/false)

데스크탑 메뉴 아이템 갭

$nav-items-gap: var(–space-m);

데스크탑 드롭다운 아이콘 애니메이션

$active-dropdown-icon-anim: flip; // SELECTION (none/flip/rotate)

모바일 햄버거 아이콘 사이즈 및 컬러

$hamburger-icon-size: 2.6rem; // hamburger icon
$hamburger-color: var(–neutral);

드롭다운 Wrapper 백그라운드 색상

$dropdown-background: var(–white);

내비게이션 모바일 Breakpoint 설정

$navigation-breakpoint: 1100px;