상단 바 모바일에 왼쪽 정렬 Zurb Foundation 메뉴

Question

왼쪽의 메뉴를 이동하고 시도하는 몇 가지 트릭을 시도했지만 일반 클래스 중 어느 것도이 옵션을 토글하는 데 적합하지 않습니다. 특히 내가 디자인 한 것).

모바일 장치에 대한 CSS 수정 사항이 있습니까? (이미 메뉴 영역에 "class = 'left'"가 있습니다.)

<nav class="top-bar" data-topbar role="navigation" data-options="is_hover: false"> 
    <ul class="title-area"> 
    <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li> 
    <li class="name"> 
     <h1><a href="#"><img style="width: 150px;"src="yourmomslogo.png"></a></h1> 
    </li> 
    </ul> 

    <section class="top-bar-section"> 
    <ul class="left"> 
     <li class="active"><a href="pushthatthang.doit">Login</a></li> 
     <li><a href="alwaysthebestcats.meow">Your Cats</a></li> 
    </ul> 
    </section> 
</nav> 

Answer 1

당신이 이 코드에 바로에 의해을 왼쪽으로 변경하면 doc
보자

<ul class="left"> 
    <li><a href="#">Left Nav Button</a></li> 
</ul> 

당신은 링크가 오른쪽으로가는 볼, 그렇게 할 수있는 왼쪽 클래스 변경 링크의 위치 (그래서 당신을위한 메뉴)