Mobile Multi-level Menu not responding correctly

  • A VERY useful plugin!
    Hi, We have your latest version 2.1.2 running with Wp’s latest version 6.5.4 and Twenty Seventeen theme.

    On normal screens the menu look and responds as expected, with 2nd level menu items appearing when hovered on their parent.

    On mobiles however the burger icon appears – and the 1st level menu items are listed vertically, but without drop-down arrows on the right.
    And when the text is clicked – it returns to the main page.
    Nb – this problem has been occuring for a long-time – but we didn’t notice ;(

    I de-activated your plugin, and then created a new test multi-level menu.
    When it displays there ARE drop-down arrow(s) on the right.
    When a arrow is clicked – the 2nd level menu is displays.
    Note – however, if the TEXT is clicked – one is returned to the main page.

    Is this a known issue?
    Is there a solution?

    Thinks …. would I have to uninstall your plugin to do a complete test?

    • This topic was modified 5 months, 1 week ago by baz74.
    • This topic was modified 5 months, 1 week ago by baz74. Reason: typo
Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author HelgaTheViking

    (@helgatheviking)

    Hi there. I am not entirely certain I understand your question. Is there a URL I can look at? Is the mobile menu even the same menu? Does this happen with the Twenty Twentyfour theme…. if so, can you give me steps to reproduce?

    We only decide if a menu item is visible or not… and if nothing’s changed… then a parent item that is not visible should hide it’s sub-menu. Clicking on things and being returned back to the home page, or the existing menu items not having proper links doesn’t immediately sound related.

    Thread Starter baz74

    (@baz74)

    The test page is here: https://guildfordarts.org/gajim1/?page_id=7563
    It’s a staging/test site so will not be there for long. The menu in question is below the 2nd blue stripe. Same issue with theme Twenty TwentyOne. Twenty Twenty Four doesn’t have preview available.

    • This reply was modified 5 months, 1 week ago by baz74.
    Plugin Author HelgaTheViking

    (@helgatheviking)

    If we examine your markup… the “Get 2nd level sub-menu” is wrapped in a link <a> element. Presumably the theme is supposed to have some Javascript that captures the click event and prevents the default action (following the link), but it doesn’t appear to be working. Without that, it looks like expected HTML behavior. 

    <nav id="_nav_menu-312-24" class="oxy-nav-menu oxy-nav-menu-dropdowns oxy-nav-menu-dropdown-arrow" ><div class='oxy-menu-toggle'><div class='oxy-nav-menu-hamburger-wrap'><div class='oxy-nav-menu-hamburger'><div class='oxy-nav-menu-hamburger-line'></div><div class='oxy-nav-menu-hamburger-line'></div><div class='oxy-nav-menu-hamburger-line'></div></div></div></div><div class="menu-__test-menu-created-by-barry-withour-role-plugin-can-be-deleted-after-test-container"><ul id="menu-__test-menu-created-by-barry-withour-role-plugin-can-be-deleted-after-test" class="oxy-nav-menu-list"><li id="menu-item-8510" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8510"><a >About Guildford Arts</a></li>
    <li id="menu-item-8511" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-8511"><a>Get 2nd level sub-menu</a>
    <ul class="sub-menu">
    	<li id="menu-item-8513" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8513"><a >ga: Why we exist!</a></li>
    	<li id="menu-item-8514" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8514"><a >ARTS Events</a></li>
    	<li id="menu-item-8515" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-8515"><a >ARTS Resources</a></li>
    </ul>
    </li>
    </ul></div></nav>

    I can see the burger menu (though I actually see lots of them?) and the down arrows…. though yes, clicking on the <a> element without an href attribute is reloading the page.

    https://i.imgur.com/BKWzmZp.png
    https://i.imgur.com/MBZfjJ2.png

    NMR wouldn’t remove an href… it hides entire <li> items. It also has nothing to do with displaying arrows or not, so I’m not yet sure how my plugin is related to this. I do see a lot of Oxygen markup. are they displaying the menu?


Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.