javascript - How to get jQuery.mmenu to slide over the content instead of "pushing" it -

javascript - How to get jQuery.mmenu to slide over the content instead of "pushing" it -

i'm using jquery.mmenu in project. plugin default slides out menu (navigation bar) @ left side of screen pushes entire side towards right. i'm no javascript/jquery crack...

does know how alter code of plugin menu slide over content rather pushing right.

thanks in advance...

edit: utilize sidr sliding menus. accomplish above sidr takes changing 'true' 'false' on command. hoping it'd simple in case, too.

on current project i'm having deal complex navigation tons of sub-menus, sidr won't job here. plus mmenu seems pretty neat - if figure how slides way want.

after taking quick @ documentation , demos, this one appears relevant you're looking for. see, in illustration menu pulled downwards overtop of page content, rather pushing aside.

based on description, want pulls out left right, rather top bottom illustration does, , alternative appears command off-canvas option. changing position top left changes position of menu:

$("#menu").mmenu({ offcanvas : { position : "left", // changing alters position of menu zposition : "front" } })

this jsfiddle @gaurang patel demonstrates behaviour.

javascript jquery mmenu