Menu "hamburger" L'icona non appare, ma il testo viene visualizzato

Question

Sto lavorando alla topbar per il mio sito web utilizzando Fondazione, tutto sembra funzionare bene tranne che l'icona del menu non appare, ho seguito i documenti della fondazione e sto ancora avendo problemi.Quello che mi sembra simile a questo:

<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>

.

"Menu" appare e funziona correttamente, ma l'icona del menu non lo fa mai.Se rimuovo "Menu", non appare nulla e non riesco a utilizzare il menu.

Answer 1

Penso di sapere la soluzione.Devi importare il CSS dalla Fondazione che sembra:

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

.

Fondazione Usa le query dei supporti.Ciò significa che devi ridimensionare la tua finestra della finestra del browser a 40.063em.