I am using the sidenav and am trying to make the hamburger (nav button) sticky on narrow viewports.

https://mdbootstrap.com/snippets/jquery/erikmjacobs/247800

If I wrap the nav button in a "sticky"-tagged div, it disappears, because the "sticky" class has a "display none" somewhere.

If I change the "sticky" div class to some other name (eg: stickystuff) and add the following Javascript, nothing sticky happens:

$(function () {
  $(".stickystuff").sticky({
    topSpacing: 90
    , zIndex: 2
  });
});

I actually don't want a stopper because I want everything on the page to scroll and I'd like the hamburger to always be visible.

That being said, I also need to ensure that the hamburger / nav button doesn't have a width that is the entire viewport, because if a link ends up at the top of the screen it can be "under" the effective width and look clickable but not be clickable.

I hope this makes sense!

Update: I copied the sticky example into its own snippet and it doesn't work, either:
https://mdbootstrap.com/snippets/jquery/erikmjacobs/247838