Problems with dual sidebars on mobile screens

Anvil Q&A
2

Well, I had some time to look at the js and it looks like there were some problems with the way the nav-shield class works. I don’t understand js enough to know exactly what is going on but I figured I would try only allowing on sidebar to be open at once where the screen is rescaled to a mobile size. I just added some jquery that closes both left and right sidebars if the nav-shield is clicked.

$( ".nav-shield" ).click(function() {
  hideSidebar();
  hideRightSidebar();
});

This was the quickest fix I found, not sure if it’s the best but I’m going with it.
https://anvil.works/build#clone:KWS4PL4X46IWVQBH=RSB7XOB364OM2V5HRQEFCTLB

1 Like