Menu icon Foundation
Problem in drop down nav bar

Hi, I have a problem to define a nav top bar; when I rezize the page, dropdown does not work As you can see from image, clicking on menu don't display item. Do you tell me why? this is the code and the image:

<div class="row">
    <div class="large-12" >
    <hr></hr>
      <nav class="top-bar" data-topbar="">
       <ul class="title-area">
        <!--Title Area -->
        <li class="name">
        </li>
        <!-- Remove the class "menu-icon" to get rid of menu i… -->
        <li class="toggle-topbar menu-icon">
           <a href="">
               <span> Menu </span>
           </a>
         </li>
        </ul>

        <section class="top-bar-section">
         <ul class="right">
           <li class="has-dropdown not-click">
              <a href="#"> Item 1 </a>
              </li>
         </ul>
        </section>
      </nav>
      
      <h1>Blog <small>This is my blog. It's awesome.</small></h1>
      <hr />
    </div>
  </div>
            

         

Cattura

topbardropdown

Hi, I have a problem to define a nav top bar; when I rezize the page, dropdown does not work As you can see from image, clicking on menu don't display item. Do you tell me why? this is the code and the image:

<div class="row">
    <div class="large-12" >
    <hr></hr>
      <nav class="top-bar" data-topbar="">
       <ul class="title-area">
        <!--Title Area -->
        <li class="name">
        </li>
        <!-- Remove the class "menu-icon" to get rid of menu i… -->
        <li class="toggle-topbar menu-icon">
           <a href="">
               <span> Menu </span>
           </a>
         </li>
        </ul>

        <section class="top-bar-section">
         <ul class="right">
           <li class="has-dropdown not-click">
              <a href="#"> Item 1 </a>
              </li>
         </ul>
        </section>
      </nav>
      
      <h1>Blog <small>This is my blog. It's awesome.</small></h1>
      <hr />
    </div>
  </div>
            

         

Cattura
Kevin Crow almost 6 years ago

remove the =" " from the data-topbar attribute

Kevin Crow almost 6 years ago

bah the code didn't show up.

```HTML

Kevin Crow almost 6 years ago

ok .. apparently I dont know how to insert code correctly

nav class="top-bar" data-topbar