fixed sidenav with closeOnClick enabled

So, currently, if you have a fixed sideNav and you want closeOnClick “enabled” for your mobile side, you have to add in a work around to make sure that if a user clicks and is on a full desktop version, it doesn’t hide the side nav when it should be fixed.

TLDR; You can’t have closeOnClick enabled with a fixed side nav

A workaround I created for this is:

  // Side Navigation fix
  $('.side-nav li a').on('click', function(e) {
    windowsize = $(window).width();
    if (windowsize < 992) {
      $('.button-collapse').sideNav('hide');
    }
  });

This is probably something to look into since it is useful to have the sidenav close on click on mobile, but stay fixed on desktop screens.

[Davis152]

sorry guys, i tried to hide the navbar afeter click un the links, but doesnt work, Where, i have to put this code.

if (window.matchMedia(“(min-width: 992px)”).matches) { /* the viewport is at least 992 pixels wide / $(‘.button-collapse’).sideNav({ closeOnClick: false, // Closes side-nav on clicks, useful for Angular/Meteor } ); } else { / the viewport is less than 992 pixels wide */ $(‘.button-collapse’).sideNav({ closeOnClick: true, // Closes side-nav on clicks, useful for Angular/Meteor } ); }

i am working with react and materialize.

thanks in advance.

[netopapa]

It works! Valeu, parceiro