I’m experiencing an issue with my X Theme website (www.dasaposeltova.cz) on iPad in landscape orientation.
On iPad in landscape, the menu displays the desktop (inline) menu instead of the hamburger (mobile) menu.
Because it’s a touch device , the submenu items under parent menu links do not open on click. Only links without submenus work.
On mobile devices and on iPad in portrait mode, the mobile hamburger menu works correctly, and submenu items open on click.
On desktop, the hover menu works fine.
I believe the problem is that the desktop menu is being displayed on a touch device, so the click-to-open functionality doesn’t work.
My question:
How can I make the iPad in landscape orientation display the mobile hamburger menu (so that submenu items are clickable), without breaking the desktop menu on larger screens?
Thank you in advance for your help!