Menu wrapping on ipad, dropdown not working

Ugh, I thought this (possibly my last) site was done and gone, but now that the client is making her own edits and adding new pages, a new issue has cropped up. FYI I’m a graphic designer, have not been able to keep up with CSS’s constant changes, so I’m once again clueless about how to troubleshoot and fix issues with hand held devices.

The site appeared to work on ipad and smart phones, but this new problem just cropped up. I’ve tried to duplicate it on my desktop by resizing my screen to find out how it will behave on smaller venues. The menu does wrap and then finally will just show the “menu” button. There’s a dropdown page under Events called Calendar, and that appears just fine in both the wrapped menu and then the list when the Menu button is clicked. It’s okay on my iphone as well. But on the iPad, when the Events button is pressed, the Calendar dropdown does not show up. Any idea what’s going on? ANY help would be greatly appreciated.

https://bodyfuel4health.com/