Menu icon toggle not working rails 4.2 and foundation-rails 5.5

[cmassao]

When I resize the browser to simulate a smart device , and click on the icon menu expecting a menu of sections are shown , nothing happens. I'm using Rails 4.2 and Foundation -rails 5.5

<div id="inicio">
      <div class="contain-to-grid header-section">

          <!-- TOPBAR SECTION -->
          <nav class="top-bar important-class" data-topbar>
                         <!-- TITLE AREA & LOGO -->
              <ul class="title-area">
                  <li class="name">
                    <%= image_tag("Logo_EC_horizontal.png", :id => 'logo-image') %>
                      <!-- <img src="/assets/Logo_EC_horizontal.png" alt="" id="logo-image"> -->
                  </li>
                  <li class="toggle-topbar menu-icon">
                    <a href="#">
                      <span>menu</span>
                    </a>
                  </li>
              </ul> <!-- END TITLE AREA & LOGO -->

              <!-- MENU ITEMS -->
              <section class="top-bar-section">
                  <ul class="right">
                      <li><a href="#inicio">Início</a></li>
                      <li><a href="#sobre">Sobre nós</a></li>
                      <li><a href="#projetos">Portfólio</a></li>
                      <li><a href="#contato">Contato</a></li>
                  </ul>
              </section> <!-- END MENU ITEMS -->

          </nav> <!-- END TOPBAR SECTION -->
      </div> <!-- END HEADER SECTION -->
    </div>
´´´

[cmassao]

wrong repo, sorry