Menu icon Foundation
Mobile menu

Hi, who knows how to do lest menu closes when you click on the link.

          		<div class="s-mobile-toggle title-bar show-for-small-only">
  					<button class="menu-icon" type="button" data-toggle="mobile-dropdown"></button>
  				</div>
  				<div class="s-mobile-menu-wrapper dropdown-pane" id="mobile-dropdown" data-dropdown data-close-on-click="true">
  					<ul class="vertical menu">
  						<li><a href="#home">Home</a></li>
  						<li><a href="#omnie">O mnie</a></li>
  						<li><a href="#portfolio">Moje prace</a></li>
  						<li><a href="#kontakt">Kontakt</a></li>
  					</ul>
  				</div>           

         

Foundationdropdown

Hi, who knows how to do lest menu closes when you click on the link.

          		<div class="s-mobile-toggle title-bar show-for-small-only">
  					<button class="menu-icon" type="button" data-toggle="mobile-dropdown"></button>
  				</div>
  				<div class="s-mobile-menu-wrapper dropdown-pane" id="mobile-dropdown" data-dropdown data-close-on-click="true">
  					<ul class="vertical menu">
  						<li><a href="#home">Home</a></li>
  						<li><a href="#omnie">O mnie</a></li>
  						<li><a href="#portfolio">Moje prace</a></li>
  						<li><a href="#kontakt">Kontakt</a></li>
  					</ul>
  				</div>           

         
Vladimir over 3 years ago

As far as I know @Pawel there is some problem with js in mobile menu and lots of people are complaining. As far as I can see you included "data-dropdown data-close-on-click="true"" so it should work. But...