submenu items don’t display on mobile

  • Using Hello Elementor theme on my webpage (https://alohasafetyandhealth.com/). Displays as expected on desktop. But on mobile, the menu does not function correctly. The burger icon is present and when tapped, shows the top level menu. But a few of the menu items have submenus, and those only display for maybe a second. For example, if you tap “course information”, 7 subitems should display so that you can learn more about different courses. On mobile, the “course information” page loads before you can select a menu subitem. I would rather not have a “course information” page, but couldn’t figure out how to get the submenu without making that item a page by itself.

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

Viewing 1 replies (of 1 total)
  • Jahid

    (@jahidhasan018)

    Hey @alohasafetyandhealth,

    The issue you’re experiencing is common with mobile menus that have submenus. The problem usually lies in how the theme or plugin handles touch events on mobile devices. Here’s a simple trick to fix it:

    You can use a custom link with the href set to # for the parent menu item, then assign the submenu under this parent item. This way, the parent item will not navigate to a new page, allowing the submenu to display correctly.

    To explain further:

    1. Go to the WordPress dashboard.
    2. Navigate to Appearance > Menus.
    3. Find the parent menu item (e.g., “Course Information”).
    4. Change the URL of the parent item to #.
    5. Arrange the submenu items under this parent item.

    This will allow users to tap the parent item to view the submenu without being redirected to a new page.

Viewing 1 replies (of 1 total)
  • The topic ‘submenu items don’t display on mobile’ is closed to new replies.