Menu icon Foundation
Sticky Menu Help

Hello

 

I am Looking to make a sticky menu sidebar for my portfolio website and have been having some trouble with the sticky menu and current tutorials.  I have tried a lot of different ways with no success.  This is my current code on the webpage for the menu.  I have put an id on the div that I want the menu to stick to.  I have changed the class so both are columns.  

 

You can check out the site here at zbearwrestler.github.io

 

        <!-- Menubar -->
        <div class="columns large-1" data-sticky-container>
          <div class="sticky" data-sticky data-margin-top="0" data-anchor="content">
              <a href="bio.html"><img src="images/tab1.png"></a>
              <a href="projects.html"><img src="images/tab2.png"></a>
          </div>
        </div>

Sticky classdata-stickydata anchormenu

Hello

 

I am Looking to make a sticky menu sidebar for my portfolio website and have been having some trouble with the sticky menu and current tutorials.  I have tried a lot of different ways with no success.  This is my current code on the webpage for the menu.  I have put an id on the div that I want the menu to stick to.  I have changed the class so both are columns.  

 

You can check out the site here at zbearwrestler.github.io

 

        <!-- Menubar -->
        <div class="columns large-1" data-sticky-container>
          <div class="sticky" data-sticky data-margin-top="0" data-anchor="content">
              <a href="bio.html"><img src="images/tab1.png"></a>
              <a href="projects.html"><img src="images/tab2.png"></a>
          </div>
        </div>