How can I make menu items into two seperate buttons with different functions?

You need to create your own Nav Walker to add HTML entity for parent menus. Which is clickable and toggle the sub menu.

@see:

Plugin for reference
https://wordpress.org/plugins/responsive-menu/

Tutorial
https://wptheming.com/2013/03/drop-down-menu-indicator/
http://shinraholdings.com/62/custom-nav-menu-walker-function/

Related Posts:

  1. Static page to one page- menu inactive items highlighted
  2. Change hover to onclick on menu
  3. How to create a mobile menu full screen overlay using Understraps Bootstrap 4 theme
  4. How do i keep my current page menu highlighted on pagination?
  5. Changing when mobile menu is displayed
  6. How can I only show one responsive menu on mobile devices?
  7. Active Navigation Class Based on URL on icon
  8. Add Javascript to WordPress Menu
  9. How to move parent li to end of child ul
  10. How to apply a class to the second word in menu list item?
  11. Adding a class (arrows) to main menu links that have children?
  12. Override custom menu widget
  13. Styling child custom menu pages
  14. How do I prevent the text overflow in menu?
  15. How to change Twenty Seventeen theme’s navigation bar location?
  16. Merge two separate WP menus into one in Mobile view
  17. How do i style the current menu anchor link’s parent anchor link? [closed]
  18. Custom Post type menu highlighted in the archive/post
  19. WordPress – site with 2 stylesheets and more…
  20. Add nav menu CSS class to body
  21. remove everything from wp_nav_menu
  22. Altering html structure and creating custom menus
  23. How to add class to and childs of sidebar widget – WordPress
  24. Add class active to static menu
  25. Add CSS to head depending on nav menu walker
  26. CSS for Created Menu “Active Selected” not working, everything else is!
  27. How do I add (css) class to a custom link to make it current_page_item
  28. Side Menu Icon Expandable
  29. wp_nav_menu not working [closed]
  30. WordPress menu link not working
  31. Add code to WordPress menu items by class
  32. CSS_Menu_Walker not showing on mobile view?
  33. CSS Classes (optional) on menu is not showing
  34. Redirect to another page using contact form 7? [closed]
  35. How Do I Add Images To Main Navigation Menu
  36. Excluding a media query from specific pages
  37. How to I know the class or ID of my theme?
  38. My Temptation theme is showing two of the same menu at the top. How do I remove the one that the theme comes with? Please help! [closed]
  39. Highlight parent if item from submenu is active
  40. WordPress + Bootstrap [closed]
  41. styling wp_nav_menu – horizontal, sub-menu drop downs
  42. Menu Arrow for Child Element
  43. How to buid wordpress menu with auto width sub-menu items in dropdown menu without any items sharing one line [closed]
  44. Navigation menu not visible (contrast issue) on home page
  45. Full screen nav menu block with avada theme
  46. Twenty Fifteen: Change navigation menu behavior
  47. Hide pages from the main menu
  48. Drop Down menu expanded by default (on front page) [closed]
  49. Odd spacing in Navigation Bar [closed]
  50. Controlling sub-menu within sub-menu
  51. Is there any way to change the CSS class applied to 2nd level sub menu ul’s?
  52. Styling issue with custom menus and sub menus
  53. Making the menu toggled open on mobile devices Illustratr theme
  54. Event listener callback returns undefined element
  55. Mobile navigation javascript problem
  56. Cannot collapse a responsive menu in WordPress
  57. How to add CSS class to and and id in a nav menu with code?
  58. wp_nav_menu container style args
  59. Add/remove image from navigation bar
  60. Stuck while adding bootstrap navwalker class
  61. How to swap text in menu item back and forth?
  62. Bring Font Awesome icons inside menu A tags
  63. Additional CSS for the nav menu
  64. Active Current Menu – Adding class to child theme
  65. WordPress menu issue after update
  66. Adding span to a particular text in an menu item
  67. Get Sub-Menu Dropdown to Show Over Page Content
  68. Responsive Dropdown Menu
  69. Menu Details Output in Javascript [closed]
  70. Mark a page of a queried menu as active
  71. Adding two same css class on menu item
  72. Two questions about CSSing inside the menus
  73. Always show wordpress submenu on responsive header menu
  74. Menu item hidden behind others
  75. Active page link not getting class assigned
  76. Active menu item / category
  77. jQuery not working when used with wordpress menu
  78. Showing a link with Javascript based on log-in status
  79. Making a Custom Menu Sidebar Icon show as Current in css [closed]
  80. Theme: Twenty Thirteen Mobile Sliding Menu Doesn’t Bump Content Down
  81. Help with changing style of the extended menu drop down [closed]
  82. Can’t style custom menu
  83. individual images as navigation design TwentyTen
  84. Styling Active Links Within WordPress
  85. Specifying Class style for Menu
  86. Menu Underline shows without Hover after adding subitems
  87. Creating a Horizontal menu
  88. How to add or remove borders in navigation menu?
  89. Problem with float:left – unexpected behavior [closed]
  90. wp nav menu – highlighting current page not working properly [closed]
  91. Changing color of specific tab of top menu
  92. Why is my hamburger menu not shown? [closed]
  93. Keeping my Sub Menu open when hovering on its list items
  94. Formatting WordPress Menus (without bullets, inline with text)
  95. Jquery dropdown menus working locally, but not in WordPress [duplicate]
  96. Adding padding above menu
  97. Hiding Widget On Mobile Devices Removes Our Product Search Box On Mobiles
  98. change breakpoint widths for divi theme tablet view
  99. Rename Menu icon in Twenty seventeen theme
  100. Main Menu Hover is Always White