Menu icon Foundation

My Posts



My Comments

don mclamb commented on don mclamb's post over 3 years

That works Menu.

thanks!

don mclamb commented on don mclamb's post over 3 years

I tried to put in the code before but here it is.
```HTML

<!doctype html>

Foundation | Welcome | Top Bar

<!-- This is how you would link your custom stylesheet -->

<!-- contains every thing with in a 960 grid width -->

<nav class="top-bar row" data-topbar>

  <ul class="title-area">
    <li class="name">
      <h1><a href="#">Topbar Tutorial</a></h1>
    </li>
    <li class="toggle-topbar menu-icon">
      <a href="#">Menu</a>
    </li>
  </ul>


  <section class="top-bar-section">
    <ul class="right small-4">
      <li><a href="#">Link 1</a></li>
      <li><a href="#">Link 2</a></li>
      <li><a href="#">Link 3</a></li>
      <li><a href="#">Link 4</a></li>
      <li><a href="#">Link 5</a></li>
    </ul>
    <!-- <section class="top-bar-section small-2"> -->
    <ul class="left small-4">
      <li class="has-dropdown"><a href="#">Left 1</a>
        <ul class="dropdown">
          <li><a href="#">Left 2</a></li>
          <li><a href="#">Left 3</a></li>
          <li><a href="#">Left 4</a></li>
          <li><a href="#">Left 5</a></li>
          <li><a href="#">Left 6</a></li>
        </ul>
      </li>

      </section>

    </nav>

  </div>


  <header>
  </header>
  <main>
    <section>
    </section>
  </main>
  <footer>
  </footer>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <script src="../foundation-5.5.2/js/foundation.min.js"></script>
  <script src="../foundation-5.5.2/js/foundation.min.js"></script>

  <script>
  $(document).foundation();
  </script>

</body>
</html>

Posts Followed

No Content

Following

    No Content

Followers

My Posts

My Comments

You commented on don mclamb's post over 3 years

That works Menu.

thanks!

You commented on don mclamb's post over 3 years

I tried to put in the code before but here it is.
```HTML

<!doctype html>

Foundation | Welcome | Top Bar

<!-- This is how you would link your custom stylesheet -->

<!-- contains every thing with in a 960 grid width -->

<nav class="top-bar row" data-topbar>

  <ul class="title-area">
    <li class="name">
      <h1><a href="#">Topbar Tutorial</a></h1>
    </li>
    <li class="toggle-topbar menu-icon">
      <a href="#">Menu</a>
    </li>
  </ul>


  <section class="top-bar-section">
    <ul class="right small-4">
      <li><a href="#">Link 1</a></li>
      <li><a href="#">Link 2</a></li>
      <li><a href="#">Link 3</a></li>
      <li><a href="#">Link 4</a></li>
      <li><a href="#">Link 5</a></li>
    </ul>
    <!-- <section class="top-bar-section small-2"> -->
    <ul class="left small-4">
      <li class="has-dropdown"><a href="#">Left 1</a>
        <ul class="dropdown">
          <li><a href="#">Left 2</a></li>
          <li><a href="#">Left 3</a></li>
          <li><a href="#">Left 4</a></li>
          <li><a href="#">Left 5</a></li>
          <li><a href="#">Left 6</a></li>
        </ul>
      </li>

      </section>

    </nav>

  </div>


  <header>
  </header>
  <main>
    <section>
    </section>
  </main>
  <footer>
  </footer>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <script src="../foundation-5.5.2/js/foundation.min.js"></script>
  <script src="../foundation-5.5.2/js/foundation.min.js"></script>

  <script>
  $(document).foundation();
  </script>

</body>
</html>

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content