Dropdown menu works on Chrome device mode but not on iOS

I've used the code from this link:

https://dev.to/ljcdev/easy-hamburger-menu-with-js-2do0

I've changed the TS part into this (I'm working with Angular):

toggleMenu() {
if (this.menu.classList.contains("showMenu")) {
this.menu.classList.remove("showMenu");
} else {
this.menu.classList.add("showMenu");
}
}


And like the headline suggests, it works just fine on my laptop (also on the Chrome's device mode), but when I deploy it and try it from an actual mobile device, it doesn't.

I've tried some solutions from other Stackoverflow threads, like:

css transition not working in mobile chrome, Problems with Z-index while browsing my page in mobile

But none did the trick... last chance before I delete this cursed dropdown menu code?

Thanks!

Continue reading...