Mobile version showing duplicate menu

  • Resolved messanoir

    (@messanoir)


    6 years, 6 months ago

    Hi, so first I want to make clear i am still learning how WordPress works and so my apologies if I don’t use a lot of technical terms. I also want to mention that the desktop version of my menu seems to be working fine with no issues, and there are no errors or loading issues that I have noticed. Issue is as follows:

    When viewing my site on my phone (tested with an iphone 5 and a Motorola G4) as well as a Nexus 7 tablet (although it works fine if used in landscape mode, my guess as it loads the desktop only version at that point.), it seems to be loading both the mobile and desktop menu. The menu I believe to be my desktop one works just fine, yet the mobile one does not.

    When i disable all options under Configuration, mainly the styling option, it reduces the menu to a small do in the center of the now visible mobile menu (which oddly, now functions, as it didn’t before)

    This happens in Chrome, IE7 as well as Edge on all devices.
    Using latest version of WordPress, child theme of Best WP, and your plugin and menu-nav-roles are the only menu plugins active at the moment.

    Any assistance would be much appreciated, or advice as to where to start. Thanks for your time,

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

Viewing 1 replies (of 1 total)
  • Thread Starter messanoir

    (@messanoir)

    Just wanted to update, that while waiting for a reply, I managed to fix the issue myself. For anyone interested, I completely forgot that Chrome has the Inspect Element option. So, I switched to the mobile view in the WordPress Configuration, and Inspected the secondary menu bar that was appearing. After locating the code that was causing it, I started looking at everything else around it to make sure it wasn’t linked to anything else (required a bit of research and looking up what all the different functions meant, so that’s an added bonus) and after that, made a backup of the header.php file, removed the code regarding the second menu, and after saving and refreshing, the second menu is gone, and all other aspects of the site, including the main menu, work perfect, both desktop and mobile. ??

Viewing 1 replies (of 1 total)
  • The topic ‘Mobile version showing duplicate menu’ is closed to new replies.