How to buid wordpress menu with auto width sub-menu items in dropdown menu without any items sharing one line [closed]

You are not defining a certain width to each item from the second list, you could use the following to modify the styling for the submenu:

ul li ul li {
  float: none;
  display: block;
  width: 100%;
}

It will look like this:
enter image description here

You could also try using CSS Grid or CSS Flex to accomplish the structure.

Related Posts:

  1. wp_nav_menu container style args
  2. How to add or remove borders in navigation menu?
  3. Multi Level Bootstrap Navigation Menu in WordPress
  4. Show only 2nd level of navigation depending on active navigation
  5. How to move parent li to end of child ul
  6. Custom Nav Walker sub-menu HTML construct
  7. Adding different classes to anchor in navigation menu
  8. how to automatically generate hierarchical menus from hierarchy of pages?
  9. How do i style the current menu anchor link’s parent anchor link? [closed]
  10. How to display dynamic content in start_lvl function
  11. How to insert custom code into wp_nav_menu structure?
  12. Menus like a CMS
  13. How to have custom menu Item CSS Classes for wp_page_menu() or wp_list_pages()
  14. How to add a submenu toggle button inside all “li” elements that have a submenu?
  15. Altering html structure and creating custom menus
  16. Check if menu id = $specific_id – then insert specific
  17. wp_nav_menu() with multiple Class
  18. Grey out nav buttons unless is_user_logged_in()
  19. Trying to Create Menu in WordPress
  20. How do I add recent posts to the menu?
  21. Automatically list top level menu item child pages
  22. Static page to one page- menu inactive items highlighted
  23. Check if menu_item has children or has parent
  24. Switch from hover to click on Twenty Twelve Menu
  25. How Do I Add Images To Main Navigation Menu
  26. Add a submenu to wp_nav_menu
  27. display menu as table layout
  28. Highlight parent if item from submenu is active
  29. Menu Arrow for Child Element
  30. How to add css to single navigation text? [closed]
  31. Adding toggle-able element after menu item
  32. Menu Custom Data Attributes
  33. How to Add support for sub-menu item description in wordpress?
  34. Odd spacing in Navigation Bar [closed]
  35. Controlling sub-menu within sub-menu
  36. Is there any way to change the CSS class applied to 2nd level sub menu ul’s?
  37. I’m trying to remove a duplicate menu, which only appears on the homepage?
  38. Add Different Class on Different Ul in twenty-twentyone theme
  39. Get Each Menu Nav Label of Menus in HTML tag
  40. Change hover to onclick on menu
  41. Add/remove image from navigation bar
  42. Bootstrap Theme Migrated to WordPress
  43. WordPress + Bootstrap: Replace primary navigation menu on mobile?
  44. How can I click the parent menu then redirect to a special URL?
  45. Creating navigation out of specific IDs and their children?
  46. Where to place a svg chevron down in my custom walker?
  47. Additional CSS for the nav menu
  48. Add href to tag in nav menu for mobile
  49. Disable Top Nav Bar on Mobile
  50. WordPress menu issue after update
  51. Adding span to a particular text in an menu item
  52. Responsive Dropdown Menu
  53. Conditional Nav Menu Inside Nav Menu Across Multisite Sites
  54. Always show wordpress submenu on responsive header menu
  55. Show Child of Parent Page including all other parents
  56. Active page link not getting class assigned
  57. nav_menu: how to force a subpage switching on the parent menu
  58. individual images as navigation design TwentyTen
  59. How was this menu system created?
  60. Display sub menus as separate lists
  61. Site navigation sits unstyled for a second on page reload [closed]
  62. Give custom class names to WP nav sub-menu
  63. Show current navigation path from menu
  64. Exclude one item from wp_list_pages( $args );
  65. Custom Post type menu highlighted in the archive/post
  66. Where is definied the theme location for the main menu in a WordPress template?
  67. How to fix “Supplied nav_menu_item value missing property” after update to WordPress 5.0
  68. No “current-menu-ancestor” class added when browsing an archive page
  69. Separator for custom nav menu
  70. add_submenu_page function to show videos table
  71. Conditional secondary menus
  72. Nav and logo loading each time causing menu to move JointsWP – Foundation 6
  73. Change submenu markup
  74. Using _s theme, menu changes do not affect header menu
  75. styling wp_nav_menu – horizontal, sub-menu drop downs
  76. Show children (sub-navigation) of active menu item only
  77. Add (grand)child pages automatically to nav menu
  78. Switch an entire nav menu if user is logged in
  79. How to modify mobile nav menu text in theme
  80. Display Menu Navigation Label
  81. Menu is not displaying on the site navigation [closed]
  82. Drop Down menu expanded by default (on front page) [closed]
  83. Updated WordPress, now Navigation is Messed Up
  84. Navbar is hidden behind carousel when using wp-boostrap-navwalker
  85. Menu walker: how to tell if a sub menu contains submenus?
  86. Active Current Menu – Adding class to child theme
  87. I can’t correctly display menu
  88. Add data-track to links in menu
  89. Is it possible to seperate wordpress menu by different div?
  90. How to add odd and even classes to all nav links through walker?
  91. Output sort number in wp menu list item?
  92. Check in walker if current page is descendant
  93. Customize Walker_nav_menu to show posts if item is category
  94. Where these arguments are defined?
  95. How do i keep my current page menu highlighted on pagination?
  96. Show All Children of WordPress Menu
  97. How to make an anchored page in a navigation menu tab
  98. Add “sub-nav” class to a sub menu parent item
  99. nav tag wrapping around dropdown
  100. Formatting WordPress Menus (without bullets, inline with text)