I have created an off canvas menu for mobile visualisation of my website, however this doesn’t appear to function properly as once the off canvas is open via the hamburger menu on iPhone devices, the user has to tap on the menu or scroll in order to then be able to actually use it (i.e. click on an item / link and therefore navigate the website). This can be quite frustrating or anyway not optimal for the user. The issue does not present itself on desktop, even if I set the mobile size via a desktop browser. Also, the problem appears to only occur on iPhones (any browser on an iPhone device) whilst it seems to work correctly on Android devices.
I am using the latest version of Pro (4.3.3) and Wordpress (5.7.2 - latest as in before beta). My website is tizianabellini.com
I have found a similar thread (linked here: Off canvas menus on mobile devices not functioning properly) but it was closed with no definitive solution to the problem.
I have cleared the cache, tried incognito / private mode, tried on several different iPhone devices and I always get the same issue. Sub Menu trigger is set to Sub Indicator. I have looked through the off canvas settings but can’t find a solution to the issue.
If you could give me any advice / help to solve this issue that’d be great!
Let me know should you need any further clarification.
Many thanks in advance!