If you bring up https://www.prairiechristmastrees.org on an ipad the hamburg menu doesn't work.

YET if you bring it up using Responsive Design Mode on a computer it does work, but not on the ipad itself.
Also the padding for the flyout on the left in responsive design mode is not correct. This flyout doesn't appear at all on the actual ipad.

I have recently upgraded this site from J3 to J4 and applied the updated template. There's obviously a glitch that hasn't been addressed.

I have attached an image for the Responsive Design Mode.
As well as an iPad screen shot which, in addition to the above, is not centering properly to show equal portions of the background image.