This is really a problem i think you should solve with javascript if you are looking to solve it with code. I would suggest that you could probably use the wp_is_mobile to add a class to your HTML tag
If that class exists on your html tag run some JS that binds to all the menu items in question’s clicks using something like $(‘.CUSTOM-CLASS-FOR-MENU-ITEM’).click(e){ e.preventDefault();} and then the links on those menu items will do nothing.
although I think a much better simple solution, would be to add Custom link Items where the link is just a # mark which will do nothing as well but allow you to :focus it, :hover it etc. You already have two separate menu locations declared in wordpress why not build two different menus and replace that About menu Item with a custom link item and then there is no need for javascript whatsoever.
Related Posts:
- How to add a submenu toggle button inside all “li” elements that have a submenu?
- Multi Level Bootstrap Navigation Menu in WordPress
- Show only 2nd level of navigation depending on active navigation
- How to get a different mobile menu than desktop menu in the twentytwelve child theme
- Custom Nav Walker sub-menu HTML construct
- Adding different classes to anchor in navigation menu
- how to automatically generate hierarchical menus from hierarchy of pages?
- Second nav is merged with the first in mobile
- How to display dynamic content in start_lvl function
- Menus like a CMS
- How to have custom menu Item CSS Classes for wp_page_menu() or wp_list_pages()
- Check if menu id = $specific_id – then insert specific
- wp_nav_menu() with multiple Class
- Trying to Create Menu in WordPress
- How do I add recent posts to the menu?
- Automatically list top level menu item child pages
- Check if menu_item has children or has parent
- Add a submenu to wp_nav_menu
- How to buid wordpress menu with auto width sub-menu items in dropdown menu without any items sharing one line [closed]
- Adding toggle-able element after menu item
- How to Add support for sub-menu item description in wordpress?
- Add Different Class on Different Ul in twenty-twentyone theme
- wp_nav_menu container style args
- Bootstrap Theme Migrated to WordPress
- WordPress + Bootstrap: Replace primary navigation menu on mobile?
- How can I click the parent menu then redirect to a special URL?
- Creating navigation out of specific IDs and their children?
- Where to place a svg chevron down in my custom walker?
- Disable Top Nav Bar on Mobile
- Conditional Nav Menu Inside Nav Menu Across Multisite Sites
- Show Child of Parent Page including all other parents
- nav_menu: how to force a subpage switching on the parent menu
- How was this menu system created?
- Display sub menus as separate lists
- Navigation menu, remove item from desktop
- Give custom class names to WP nav sub-menu
- Display a portion/ branch of the menu tree using wp_nav_menu()
- Dynamically exclude menu items from wp_nav_menu
- Display only page specific sub menu items using Custom Walker
- Simple Navigation Walker – Wrapper-class around first sub-menu
- Add Page ID class to nav menu items
- Generate a tabbed submenu — from taxonomy term or submenu item — with sample content
- Automatically Add New Tags to Sub-menu
- Why is ‘nav_menu_item_args’ filter’s $item argument empty?
- Add sidebars to navigation menu?
- TwentyTwelve child theme mobile menu not working
- How to insert custom code into wp_nav_menu structure?
- Remove li from wp_nav_menu
- Adding post excerpt into navigation menu
- Convert WP Menu to a Drop Down for Mobile browser
- I am facing a problem with the navigation menu of my website
- Prepend to start of WordPress nav loop
- You do not have permission to create Navigation Menus – Twenty Twenty-Two theme
- Creating a navigation menu to see where you are on your website
- Using Zurb’s Foundation Tabs as WordPress Nav (Active Tab)
- Links do not open from click, only in new tab [closed]
- Switch from hover to click on Twenty Twelve Menu
- a better menu, menu options assistance for WP
- How to remove dropdown from wp_nav_menu
- display menu as table layout
- Automatically Display Sub Menu
- Adding a unique ID to each sub-menu
- How to add css to single navigation text? [closed]
- My navigation menu isn’t working. What happened? Please help!
- How to get submenu of admin menu?
- How to add a menu that belongs to parent blog to all child-blogs?
- Blending Foundation’s Tabs with WordPress Nav Menu & Display Active Tab
- Dropdown primary navigation menu not working
- Editing the nav menu?
- Link after WordPress
- cannot get global $menu value in form request
- Show Sub Menu on click and not hover
- Nav Menu: Theme Location not working
- Is it all right to put the whole tag into template_part file?
- How to remove empty line space in navigation menu?
- Is it possible to get_the_post_thumbnail (Featured Image) inside a sprintf function?
- Misleading behaviour on Menu & Theme location
- What is inside in $item in start_el function in Walker_Nav_Menu class
- Menu doesn’t open on mobile
- Show all menu levels except top level. How to exclude top level of a menu?
- Generate Submenu based on Parent Page using If Statement
- Building a menu from a large number of pages?
- Show thumbnail to category items in wp_nav_menu(), how?
- How to select particular menu position in wordpress?
- Links in new menu don’t work
- Add dynamic content block to nav section generated by custom walker
- Next/previous a-like single navigation
- How to output the menue structured for tabbed navigation?
- How to create a menu super voice in WP?
- Walker for menus
- WordPress Navigation
- Change sub-menu css class
- Navigation list not correctly styled on pages with custom template (missing .current-menu-item)
- How to display a submenu as a popup when clicking a button?
- how can i get the page_ID in nav li [closed]
- How do i add logo in wordpress studiopress (glam theme)?
- What is the best way to incorporate responsive dropdown navigation menu into custom theme?
- How to add a class directly on a unordered list element that is a primary navigation
- Displaying a Custom Avatar in WP Bootstrap Navwalker Menus in WordPress
- Is there a way to make it so that I don’t get a hamburger menu, but rather a desktop style nav, when resizing to a mobile size