Foundation 4의 Nav 요소가 iPhone에 표시되지 않습니다.

Question

내 페이지에 간단한 <nav class="top-bar"> 요소를 추가했습니다. 컴퓨터에서는 제대로 표시되지만 iPhone에서는 메뉴 항목이없는 단색 검정색 막대가 나타납니다. 이것은 내 탐색의 상단 부분입니다.

<nav class="top-bar" style=""> 
    <ul class="title-area"> 
    <li class="name"></li> 
    </ul> 

<section class="top-bar-section"> 
    <ul class="left"> 
     <li class="has-dropdown not-click"><a href="#">Orders</a> 
     <ul class="dropdown"><li class="title back js-generated"><h5><a href="#">« Back</a></h5></li> 
      <li class=""><a href="orders/new.php">Create New</a></li> 
     </ul> 
     </li> 
    </ul> 
    </section> 
</nav> 

Answer 1

그냥 CSS에서 높이를 제거 :

.top-bar .name { 
    height: 45px; 
} 

높이가 <li>이 <nav> 이하로 렌더링하는 원인이되었고, overflow:hidden가 설정된 이후의 <li>가 표시되지 않는 한 지정.