Menu icon Foundation
Dropdown help

Hi, I'm new here.
I have a problem with de drop down, i put the code of the "Getting Started" tutorial but it doesn't work. I put a SVG image instead the text.

I appreciate your help. :)

dropdowndropdown button

Hi, I'm new here.
I have a problem with de drop down, i put the code of the "Getting Started" tutorial but it doesn't work. I put a SVG image instead the text.

I appreciate your help. :)

This post has been closed. No new replies can be added.

Jami G almost 6 years ago

Make sure that you've added the Javascript

<body>

  ...

  <script src="js/foundation/foundation.js"></script>
  <script src="js/foundation/foundation.topbar.js"></script>
  <!-- Other JS plugins can be included here -->

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

</body>

Lander almost 6 years ago

Thank you but still not working. I have to create de id="drop" on the CSS?
HTML
<a href="#" data-dropdown="drop" class="button dropdown"><img src="img/hamburger.svg" alt="icono menu"/></a>
<ul id="drop" data-dropdown-content class="f-dropdown">
<li><a href="#">Home</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Features</a></li>
<li><a href="#">Contact</a></li>
</ul>
</li>

Brandon Arnold almost 6 years ago

Hmm copied your code here and seems to be working. You did have an extra li at the ned, but didn't appear to do anything.

http://cdpn.io/EhzkL