Simple and light wieght javascript over-canvas mobile menu for website and web application.
npm install fst-mobile-menu
initialize fstMmenu ALLWAYS in (document) ready statement
$(document).ready(function(){
$('#mobile-menu').fstMmenu();
})
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
- Off canvas layout menu