duplicate Menu on iPad and space between Header and Page title

hi guys,

I have been using the Astra Theme for years now, but now I am having issues I can’t seem to solve:

1. on my iPad Air the mobile Menu shows up duplicated in landscape mode (the normal header and then above a corrupted header with menu) and in portrait mode nothing happens when clicking the hamburger icon, the menu does not open even though I have this checked correctly in the Off Canvas section in the costumizer. I can’t seem to find the issue. on an newer version of an iPad it works correctly, why the issue with the older ipad? weird, right? I don’t know what the problem is here. Has it something to do with breakpoints?

2. I would like to add a cover image on one of the pages but can’t seem to fit it directly underneath the header without any white space. can I adjust any margins in the css section? could you provide me with some additional code?

Thank you for your help.

The page I need help with: [log in to see the link]