El icono de "hamburguesa" no aparecerá, pero aparece el texto

Question

Estoy trabajando en la barra superior para mi sitio web usando la Fundación, todo parece estar funcionando bien, excepto que el icono del menú no aparece, seguí los documentos de la Fundación y todavía tengo problemas.Lo que tengo como algo así:

<header class="contain-to-grid">
<!-- Starting the Top-Bar -->
<nav class="top-bar" data-topbar>
        <ul class="title-area">
          <li class="name"/>

           <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
          <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
        </ul>


    <section class="top-bar-section">

            <ul class="left">
                    <li class="divider"></li>
                <li >
                    <a href="#">page1</a>
                </li>
                    <li class="divider"></li>
                <li>
                    <a href="#">page2</a>
                </li>
                    <li class="divider"></li>
                <li >
                     <a href="#">page3</a>
                </li> 
                <li class="divider"></li>
            </ul>


            <!--Search in top bar-->
            <ul class="right">
                <li class="has-form">
                    <div class="row collapse">
                        <div>
                            <div class="large-8 small-8 columns">
                                <input type="text" placeholder="">
                            </div>
                            <div class="large-4 small-4 columns">
                                  <a href="#" class="button expand">Search</a>
                            </div>
                        </div>
                    </div>
            </ul>

    </section>

</nav>

<!-- End of Top-Bar -->
</header>

"Menú" aparece y funciona correctamente, pero el icono del menú nunca lo hace.Si quito "Menú", no aparece nada y no puedo usar el menú en absoluto.

Answer 1

creo que conozco la solución.Tienes que importar el CSS de la Fundación que parece:

<link rel="stylesheet" type="text/css" href="css/foundation.min.css">

Fundación Use las consultas de los medios.Eso significa que tiene que cambiar el tamaño de la ventana de la ventana del navegador a 40.063EM.