Menu icon Foundation
Toggle menu not closing

Hello

 

I have a strange problem.

When I use the hamburger Icon in mobile screen, the Nav opens, but stays open, when I click a link. It is one long website, so it has to jump down the screen to the defined id link.

Why is the mobile menu not closing? I have it exactly like in the docs....

Can anybody help?

Example here:

http://jakubdegler.ch/angelhair

            <div class="grid-x grid-padding-x wrap header">


                    <div class="large-4 medium-4 cell">
                        

                    <a><img src="img/logo.png"></a>

                        
                    </div>



                      <div class="large-8 medium-8 cell">


                              <div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="medium">
                                <button class="" type="button" data-toggle="example-menu"><i class="fi-list"></i></button>
                                <div class="title-bar-title"></div>
                              </div>

                              <div class="top-bar" id="example-menu">
                                <div class="top-bar-right">
                                  <ul class="dropdown menu vertical medium-horizontal" data-dropdown-menu>

                                        <!-- <li><a href="#">HOME</a></li> -->
                                        <li><a href="#preise">PREISE</a></li>
                                        <li><a href="#produkte">PRODUKTE</a></li>
                                        <li><a href="#standort">STANDORT</a></li>
                                        <li><a href="#kontakt">KONTAKT</a></li>
                                        <li><a href="#team">TEAM</a></li>

                                  </ul>
                                </div>
                              </div>

                        
                      </div>


            </div>

toggle menu

Hello

 

I have a strange problem.

When I use the hamburger Icon in mobile screen, the Nav opens, but stays open, when I click a link. It is one long website, so it has to jump down the screen to the defined id link.

Why is the mobile menu not closing? I have it exactly like in the docs....

Can anybody help?

Example here:

http://jakubdegler.ch/angelhair

            <div class="grid-x grid-padding-x wrap header">


                    <div class="large-4 medium-4 cell">
                        

                    <a><img src="img/logo.png"></a>

                        
                    </div>



                      <div class="large-8 medium-8 cell">


                              <div class="title-bar" data-responsive-toggle="example-menu" data-hide-for="medium">
                                <button class="" type="button" data-toggle="example-menu"><i class="fi-list"></i></button>
                                <div class="title-bar-title"></div>
                              </div>

                              <div class="top-bar" id="example-menu">
                                <div class="top-bar-right">
                                  <ul class="dropdown menu vertical medium-horizontal" data-dropdown-menu>

                                        <!-- <li><a href="#">HOME</a></li> -->
                                        <li><a href="#preise">PREISE</a></li>
                                        <li><a href="#produkte">PRODUKTE</a></li>
                                        <li><a href="#standort">STANDORT</a></li>
                                        <li><a href="#kontakt">KONTAKT</a></li>
                                        <li><a href="#team">TEAM</a></li>

                                  </ul>
                                </div>
                              </div>

                        
                      </div>


            </div>