Whenever I click on an li element or menu, a function is triggered that moves the nav container to the left by the width of the window. However, on my iPhone, after I click to slide the container off the screen, the event gets triggered repeatedly every time I scroll up or down. The event should only be fired when I click on the menu button or li element. I have noticed that this issue is related to the position:fixed property on the header that contains the menu. If I remove the position fixed, everything works fine. How can I prevent the click event from being triggered every time I scroll on an iOS device while keeping the position fixed?
For reference, here is a link to the site: