How Do I Make My Menu Clickable On Mobile?

  • Good day. My menu is clickable on desktop/ laptop but for some reason I can’t get the blog page and newsletter page (named “love letters) to open when I click on them on my mobile phone.

    This is a huge hindrance because most of my clients may view my website through mobile first. When I long press and try opening the page on another tab, it opens but when I just click on these specific menu items, ie: blog page and newsletter page (named “love letters), nothing happens.

    I look forward to your help on this. Thank you so much.

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

Viewing 1 replies (of 1 total)

  • This issue could be caused by several factors, such as a JavaScript conflict, a theme issue, or a plugin conflict.

    Here are a few steps you can take to troubleshoot and hopefully resolve the problem:

    1. Check for JavaScript errors: Open your website on a mobile device and use the browser’s developer tools to check for JavaScript errors in the console. If you see any errors, try to identify the source and fix them.
    2. Test with a default theme: Temporarily switch your theme to one of the default WordPress themes (like Twenty Twenty-One) and see if the menu works correctly on mobile devices. If it does, the issue is likely with your current theme, and you should contact the theme developer for support.
    3. Disable plugins: Deactivate all plugins on your website and check if the issue persists. If the menu starts working, it means there’s a conflict with one of the plugins. Re-activate them one by one, checking the menu functionality after each reactivation. Once the issue reappears, you’ll know which plugin is causing the conflict, and you can contact the plugin developer for support.
    4. Inspect the menu markup: In some cases, the menu markup generated by the theme might be missing necessary attributes for proper functionality on mobile devices. Inspect the HTML markup of your menu and make sure it includes the required attributes like role, aria-haspopup, and aria-expanded.
    5. Check your CSS: It’s also possible that some CSS styles are interfering with the menu functionality on mobile devices. Inspect the menu elements and their styles to ensure that they are not causing any issues. Look for any styles that might be hiding the submenu or preventing click events from being triggered.

    If you’re still having trouble after trying these steps, please provide more information about your theme and any plugins you’re using so I can assist you further.

Viewing 1 replies (of 1 total)
  • The topic ‘How Do I Make My Menu Clickable On Mobile?’ is closed to new replies.