How to add html to menu to fix iOS Hover

  • I need to make Hover work on iOS (iPhone and iPad). My menus display sub-menus when hovering on desktop, but not on iOS. Some users don’t notice the down arrow and think the menu is broken, also since in Mobile view the down arrow is right-justified on the menu.

    I’m using Twenty-Seventeen theme on WP 6.1.1.

    I found a possible fix to this problem on dev.webonomic.nl but it requires adding some HTML to the menu and I can’t find a way to do that. The Appearance > Menu > CSS customization rejects this code. It is simply:

    <body onclick>

    I don’t really want to put this on every page.

    Thanks for any help,

    Jeff

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

  • The topic ‘How to add html to menu to fix iOS Hover’ is closed to new replies.