fst-mobile-menu

Simple and light wieght javascript over-canvas mobile menu for website and web application.

Usage no npm install needed!

<script type="module">
  import fstMobileMenu from 'https://cdn.skypack.dev/fst-mobile-menu';
</script>

README

FST MMENU

Simple and light wieght javascript over-canvas mobile menu for website and web application.

Installation

npm install fst-mobile-menu

Howe to use

initialize fstMmenu ALLWAYS in (document) ready statement

$(document).ready(function(){
   $('#mobile-menu').fstMmenu();
})

Configuration Parameters

When you call "fstMmenu" and can pass some parameters to custom visual aspects.

$("mobile-menu").fstMmenu({
   position: "right"  //change the positon [right, left, top, bottom],
   width: 350 //change the width not top and bootom position width value will set as a height
   menuToggler: 'fst-menu-toggler', // mobile menu icon selector to toggle the menu ( Please provide the class name without dot :) )
   closeIcon: 'SVG ICON' // change the close icon (can put any string),
   arrowDownIcon: 'SCG ICON' //change the arrow down for toggle the sub menu (can put any string),
   overlay: true //show and hide the overlay
})

Note
Above Sample object are default parameters for that closeIcon and arrowDownIcon we used the svg icons

Coming Feature

  • Off canvas layout menu