Foundation top-bar 중단 점 편집, 작동하지만 메뉴 아이콘이 사라짐

Question

내 웹 사이트에 Zurb Foundation 5를 사용하고 있는데 컨테이너 내부에 맞는 것보다 많은 메뉴 항목이 있기 때문에 상단 바 중단 점을 변경해야합니다.

검색 좀하고 난가 (기초 가져 오기 전에 설정) 다음으로이 설정을 덮어 쓸 수 있다는 것을 발견했습니다

$topbar-breakpoint: 880px; 
$topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})"; 

이 주 메뉴가 880px에서 사라지게을,하지만 메뉴 아이콘 (햄버거 아이콘)는 기본 중단 점 40.063em까지 표시됩니다 (display : none으로 설정 됨, 아래 스크린 샷 참조).

https://www.dropbox.com/s/3as00ir47aluh4b/Screenshot%202014-05-12%2014.32.43.png

내가하는 SCS를 사용하여 중단 점을 변경하는 방법을 어떤 제안이?

Answer 1

업데이트 :

당신이 정말 좋은 이유가 있고 다른 방법이없는 경우에만이 재단 설정을 수정해야합니다.

<nav class="top-bar show-for-large-up" data-topbar=""> 
    <!-- menu items for the wide screen --> 
</nav> 

<nav class="top-bar hide-for-large-up" data-topbar=""> 
    <!-- menu items for the medium and small screen --> 
</nav> 

그것은 상자 밖으로 재단의 미래 버전과 호환이 될 및 유지 보수에 많은 시간을 절약하고 덜 버그가됩니다한다 : (그것은 공식적인 방법) 대신에이 마크 업을 사용하여 잡으려고.