menu - MetisMenue does not collapse well on mobile view SB Admin 2 -


i use "sb admin 2" theme project.

the integratet metis menu works on desktop, on tablet. when visit page phone, menu doesn't hide completely. when scroll page.

you can visit https://blackrockdigital.github.io/startbootstrap-sb-admin-2/pages/index.html test ist.

if shrink browser far mobile screen, menu not hide.

i tried on bottom of index.html file $('#side-menu').metismenu('collapse'); not work. defined in sb-admin-2.js file. doenst work either.

can me menu hide completly, on mobile devices?

you can hiding css only

.navbar-top-links {   display: none  } 

or if don't want hide on button click. create new button these attributes before current unordered list (ul)

<button type="button" class="collapse-2" data-toggle="collapse" href="#collapse2" aria-expanded="true">  

and replace code

<ul class="nav navbar-top-links navbar-right"> 

with code

<ul class="nav navbar-top-links navbar-right navbar-expand-sm navbar-collapse panel-collapse collapse" id="collapse2"> 

i managed working have style button , place in correct position.


Comments

Popular posts from this blog

PHP and MySQL WP -

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

go - golang pprof for c library code -