linke Navigationsleiste nicht in Apple-Geräten öffnen foundation6

Question

ich foundation6 bin mit linker Navigationsleiste bauen (example here)

das Problem ist, dass in der in allen Apple-Geräten das Menü zu öffnen nicht. Wenn ich auf das Burger-Symbol klicke, wird der Bildschirm weiß und nichts passiert.

mein Code wie folgt aus:

<div class="off-canvas-wrapper" > 
<div class="off-canvas-wrapper-inner" data-off-canvas-wrapper> 
    <div class="off-canvas position-left reveal-for-large" id="sideBar" data-off-canvas data-position="left"> 
     <div class="sideBarDrakBG"> 
      <div class="row column"> 
       <a href="/" class="siteLogo"></a> 
      </div> 
      <div class="row column"> 

      </div> 
      <div class="row column"> 
       <div class="sidebarBtns"> 

        <a href="#" class="generalCTA joinGreen">bla bla</a> 
       </div> 
      </div> 
     </div> 
     <div class="row column"> 
      <div class="sideBarwinners"> 
       <div class="title"><img src="/skin/images/latest_winners.png"></div> 
       <!-- some content</!--> 
      </div> 
     </div> 
    </div> 
    <div class="off-canvas-content" data-off-canvas-content > 
     <div class="title-bar hide-for-large"> 
      <div class="title-bar-left"> 
       <div class="menu-iconBG"> 
        <button class="menu-icon js-off-canvas-exit" type="button" data-open="sideBar" aria-controls="sideBar"></button> 
       </div> 
      </div> 
      <div class="title-bar-middle"> 
       <div class="title-bar-title"></div> 
      </div> 
      <div class="title-bar-right"> 
       <a href="#" class="title-bar-login">Login</a> 
      </div> 
     </div> 
     <div class="mainContainer"> 
     </div> 
    </div> 
</div> 

kann jemand bitte helfen? Danke Eli

Answer 1

So fand ich mein Problem. Ich hatte diese auf meine CSS-Datei hinzufügen:

.off-canvas-wrapper { 
overflow: hidden;} 

nun seine Arbeiten.