Menu icon Foundation
Sticky Nav

I cannot get my nav to stick to the top nor can I change the bar to green. I've tried adding classes and IDs to get the green and nothing will work. One will just create a green border but not the whole box.

 

<div data-sticky-container>

    <div class="top-bar greenbg" data-sticky data-margin-top="0" id="example-menu">

      <div class="top-bar-left">

        <ul class="menu">

          <li class="menu-text">Timberline</li>

        </ul>

      </div>

      <div class="top-bar-right">

        <ul class="menu" data-magellan>

          <li><a href="index.html">Home</a></li>

          <li><a href="pages/products.html">Products</a></li>

          <li><a href="pages/certifications.html">Certifications</a></li>

            <li><a href="pages/portfolio.html">Portfolio</a></li>

                <li><a href="pages/contact.html">Contact</a></li>

        </ul>

      </div>

    </div>

  </div>

Sticky navFoundations 6idclass

I cannot get my nav to stick to the top nor can I change the bar to green. I've tried adding classes and IDs to get the green and nothing will work. One will just create a green border but not the whole box.

 

<div data-sticky-container>

    <div class="top-bar greenbg" data-sticky data-margin-top="0" id="example-menu">

      <div class="top-bar-left">

        <ul class="menu">

          <li class="menu-text">Timberline</li>

        </ul>

      </div>

      <div class="top-bar-right">

        <ul class="menu" data-magellan>

          <li><a href="index.html">Home</a></li>

          <li><a href="pages/products.html">Products</a></li>

          <li><a href="pages/certifications.html">Certifications</a></li>

            <li><a href="pages/portfolio.html">Portfolio</a></li>

                <li><a href="pages/contact.html">Contact</a></li>

        </ul>

      </div>

    </div>

  </div>

Katie almost 2 years ago

Hi Kendall,

I am also having the same kind of problems.

I have just started to use the Foundation 6.4.2 with the XY Grid. The conversion of a simple site has been fine, a little tedious, but fine.

The Navigation on the other hand just does not want to work.

The Right hand items do not want to move to the right, they all float left.

The Sticky does not stick.

The responsive sometimes just seems to make the whole top bar vanish on a real phone, but works fine on the desktop at small size.

I have no help, but just some sympathy.

 

K