Maybe make the sub-men u scrollable, wehen needed…?
]]><a class="wp-block-navigation-item__content" href="https://new-zealand-ukulele-trust.local/resources/"><span class="wp-block-navigation-item__label">Resources</span><span class="wp-block-navigation-item__description">Rauemi</span></a>However if the item has a submenu the description does not render:
<li data-wp-context="{ "submenuOpenedBy": { "click": false, "hover": false, "focus": false }, "type": "submenu" }" data-wp-interactive="core/navigation" data-wp-on--focusout="actions.handleMenuFocusout" data-wp-on--keydown="actions.handleMenuKeydown" data-wp-on-async--mouseenter="actions.openMenuOnHover" data-wp-on-async--mouseleave="actions.closeMenuOnHover" data-wp-watch="callbacks.initMenu" tabindex="-1" style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.03), 0.9rem);" class=" wp-block-navigation-item has-child open-on-hover-click wp-block-navigation-submenu"><a class="wp-block-navigation-item__content" href="https://new-zealand-ukulele-trust.local/resources/" title="Mō mātou">About Us</a><button data-wp-bind--aria-expanded="state.isMenuOpen" data-wp-on-async--click="actions.toggleMenuOnClick" aria-label="About Us submenu" class="wp-block-navigation__submenu-icon wp-block-navigation-submenu__toggle" aria-expanded="false"><svg xmlns="https://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" fill="none" aria-hidden="true" focusable="false"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5"></path></svg></button><ul data-wp-on-async--focus="actions.openMenuOnFocus" class="wp-block-navigation__submenu-container wp-block-navigation-submenu"><li style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.03), 0.9rem);" class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://new-zealand-ukulele-trust.local/our-vision-te-moemoea/"><span class="wp-block-navigation-item__label">Our Vision / Te Moemoeā</span></a></li><li style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.03), 0.9rem);" class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://new-zealand-ukulele-trust.local/what-we-do-a-matou-mahi/"><span class="wp-block-navigation-item__label">What we do / ā Mātou Mahi</span></a></li><li style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.03), 0.9rem);" class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://new-zealand-ukulele-trust.local/who-we-are-ko-wai-matou/"><span class="wp-block-navigation-item__label">Who we are / Ko wai mātou</span></a></li><li style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.03), 0.9rem);" class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://new-zealand-ukulele-trust.local/news-panui/"><span class="wp-block-navigation-item__label">News / Pānui</span></a></li><li style="font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.03), 0.9rem);" class=" wp-block-navigation-item wp-block-navigation-link"><a class="wp-block-navigation-item__content" href="https://new-zealand-ukulele-trust.local/faq-patai-auau/"><span class="wp-block-navigation-item__label">FAQ / Pātai Auau</span></a></li></ul></li>function eta_enqueue_menu_assets() {
$styles_dir = plugin_dir_url(__FILE__) . '../assets/css/';
$scripts_dir = plugin_dir_url(__FILE__) . '../assets/js/';
$menu_locations = get_nav_menu_locations();
if (!empty($menu_locations)) {
foreach ($menu_locations as $menu_id) {
$menu_items = wp_get_nav_menu_items($menu_id);
if ($menu_items) {
foreach ($menu_items as $menu_item) {
if (has_shortcode($menu_item->post_content, 'eta_chatbot')) {
eta_enqueue_dynamic_css('chatbot_css', $styles_dir . 'chatbot.css');
wp_enqueue_script('chatbot_js', $scripts_dir . 'chatbot.js', array('jquery'), null, true);
}
if (has_shortcode($menu_item->post_content, 'eta_dropdown')) {
wp_enqueue_style('dropdown_css', $styles_dir . 'dropdown.css');
wp_enqueue_script('dropdown_js', $scripts_dir . 'dropdown.js', array('jquery'), null, true);
}
if (has_shortcode($menu_item->post_content, 'eta_license_plate_checker')) {
wp_enqueue_style('license_plate_css', $styles_dir . 'license-plate.css');
wp_enqueue_script('license_plate_js', $scripts_dir . 'license-plate.js', array('jquery'), null, true);
}
}
}
}
}
}This did not do the trick, and now I am stuck on this problem. Is this even possible with MMM. Any help and/or tips are greatly appreciated, thank you in advance.
]]>https://freshhope.us is the main page.
Also, it looks worse on this page: https://freshhope.us/product-category/short-term-courses/
I have not been able to solve this with z-index. Do you have any ideas to solve this?
]]>When I turn on concatenate JS in Jetpack Boost, the desktop menu’s submenu (‘MORE’) toggle disappears and the dropdown won’t show up.
Any idea why this happens? Or which JS string to exclude to stop this from happening
]]>I would like to reorder your plugin’s admin toolbar sub-menu links (i.e., quicklinks) in alphabetical order (or custom order) – both in the backend and frontend.
Can you guys provide a code snippet that will allow me to do that? It would be very useful for all of us.
Useful Tip: I tried to modify the code snippet provided here, but couldn’t get it to work.
Thank you!
]]>Disable WPForms: Menu works fine
Activate WPForms: Submenu items vanish
Tested in Chrome, Firefox, Opera, and Edge. On PC and phone. All with the same result.
Interestingly, the submenus show while logged in as site admin, but not while logged out.
]]>