Okay
  Public Ticket #565230
Hamburger menu on mobile device not working
Closed

Comments

  • Meaghan started the conversation

    Hello,

    The Hamburger menu on the mobile device isn't linking. Please advise.

    Thank you.

  •  295
    Paul replied

    Hi Meaghan!

    I just checked your site on my iPhone and iPad and the menu is working properly. I could click to see its menu items and could naviate to other pages.

    Do you have the specific way to reproduce the issue?

    Cheers,
    Paul

  • Meaghan replied

    It\'s on my iPhone 6. The website shows up, but I can\'t click the hamburger menu. I think it\'s a \"tap\" versus \"click\" issue.

  •  295
    Paul replied

    Hmm. I could not reproduce the issue on my end. The hamburger menu is working fine on both of my iPhone 6 and iPhone 5s. Here are the screenshots:

    iPhone 6: http://cl.ly/image/3H0Z343r2B0l

    iPhone 5s: http://cl.ly/image/0Z242A0V2f36

    Do you use Safari browser? Could you please try clearing all the caches of your phone\'s browser and test it again?

  • Meaghan replied

    I cleared my caches on my phone. It is Safari.

    It\'s still not working (but I don\'t really have much to screen shot, because it just isn\'t expanding).

    Does it have to do with the vthumanoidrobot.com/# (the /#) / the mobile version of the site?

    Thank you for your help.

  •  295
    Paul replied

    I think it should not be the problem. We can try changing from \"#\" to something else in the code. I am not sure this will work but it is worth a try. Please try the following:

    1. Open \"header.php\" file and find this code:

    <a href=\"#\"><span><?php esc_html_e( \'Menu\', \'uxbarn\' ); ?></span></a>

    Note that you can go to \"Appearance > Editor\" and select \"header.php\" file from the list to open it.

    2. That is the code for the menu button on mobile. Change from \"#\" to \"javascript:;\" so as a result it will be like:

    <a href=\"javascript:;\"><span><?php esc_html_e( \'Menu\', \'uxbarn\' ); ?></span></a>

    3. Update the file.

    4. Clear all the caches once again and open your site on mobile: http://www.vthumanoidrobot.com (make sure the URL does not have the \"#\").

    See if this can help.

    Anyway, could you also try on other iPhones to see if it is working?

  • Meaghan replied

    It\'s working now! Thank you for your help.

  •  295
    Paul replied

    Wow, that\'s great! Glad I could help! :)