My Materialize Sidenav is functioning on all devices except for iPad and iPhone. If you want to check out the code, here is the link to the repository: repo. Take a look at index.html (line 44 down) and js/onloadSetup.js.
I attempted adding this in onloadSetup.js:
$('#menu').on('click', function() {
$('.sidenav').sidenav('open');
});
Unfortunately, it didn't resolve the issue.
I also tried following suggestions from this link, but no luck there either. Could someone provide some assistance? Thank you!
UPDATE: Some hours later, the Sidenav magically started working on my iPad. I am not sure which changes triggered this improvement, possibly the code I added earlier. However, ideally, such additional code should not be necessary. Nonetheless, problem solved, though I'm curious about why the fix suddenly worked.