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%;
}
You could also try using CSS Grid or CSS Flex to accomplish the structure.
Related Posts:
- wp_nav_menu container style args
- How to add or remove borders in navigation menu?
- Multi Level Bootstrap Navigation Menu in WordPress
- Show only 2nd level of navigation depending on active navigation
- How to move parent li to end of child ul
- 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?
- How do i style the current menu anchor link’s parent anchor link? [closed]
- How to display dynamic content in start_lvl function
- How to insert custom code into wp_nav_menu structure?
- Menus like a CMS
- How to have custom menu Item CSS Classes for wp_page_menu() or wp_list_pages()
- How to add a submenu toggle button inside all “li” elements that have a submenu?
- Altering html structure and creating custom menus
- Check if menu id = $specific_id – then insert specific
- wp_nav_menu() with multiple Class
- Grey out nav buttons unless is_user_logged_in()
- Trying to Create Menu in WordPress
- How do I add recent posts to the menu?
- Automatically list top level menu item child pages
- Static page to one page- menu inactive items highlighted
- Check if menu_item has children or has parent
- Switch from hover to click on Twenty Twelve Menu
- How Do I Add Images To Main Navigation Menu
- Add a submenu to wp_nav_menu
- display menu as table layout
- Highlight parent if item from submenu is active
- Menu Arrow for Child Element
- How to add css to single navigation text? [closed]
- Adding toggle-able element after menu item
- Menu Custom Data Attributes
- How to Add support for sub-menu item description in wordpress?
- Odd spacing in Navigation Bar [closed]
- Controlling sub-menu within sub-menu
- Is there any way to change the CSS class applied to 2nd level sub menu ul’s?
- I’m trying to remove a duplicate menu, which only appears on the homepage?
- Add Different Class on Different Ul in twenty-twentyone theme
- Get Each Menu Nav Label of Menus in HTML tag
- Change hover to onclick on menu
- Add/remove image from navigation bar
- 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?
- Additional CSS for the nav menu
- Add href to tag in nav menu for mobile
- Disable Top Nav Bar on Mobile
- WordPress menu issue after update
- Adding span to a particular text in an menu item
- Responsive Dropdown Menu
- Conditional Nav Menu Inside Nav Menu Across Multisite Sites
- Always show wordpress submenu on responsive header menu
- Show Child of Parent Page including all other parents
- Active page link not getting class assigned
- nav_menu: how to force a subpage switching on the parent menu
- individual images as navigation design TwentyTen
- How was this menu system created?
- Display sub menus as separate lists
- Site navigation sits unstyled for a second on page reload [closed]
- Give custom class names to WP nav sub-menu
- Nav walker bootstrap: Display 3rd level and 4th level in dropdown menu
- wp_nav_menu parent in submenu
- How to add toggle-able DOM element after nav menu item?
- How to define the HTML structure when registering a menu in WordPress?
- Display a portion/ branch of the menu tree using wp_nav_menu()
- Programmatically add a Navigation menu and menu items
- Dynamically exclude menu items from wp_nav_menu
- Split up wp_nav_menu with custom walker
- Is there an easy way to replace a custom menu link with a page or post?
- How to add sub-menu to a menu generated by wp_nav_menu by using plugin
- WordPress Admin Bar Overlapping Twitter Bootstrap Navigation [closed]
- How to Add to Each Menu Link with link text to data-attr?
- Add Javascript to WordPress Menu
- Add custom menu item using wp_nav_menu_items filter
- Filter wp_nav_menu()
- How to modify navigation menu of the “My Account” page in WooCommerce
- Custom ID for certain menu item?
- how to create a menu with all sub categories?
- Add data-icon input to WordPress custom menu links
- Add separator to admin submenu
- Display only page specific sub menu items using Custom Walker
- Show just one level of child pages, wp_list_pages woe
- Removing link ” from ” menu for some “links” without JS
- Show current navigation path from menu
- Call custom field into menu item
- Use navigation path from menu for permalink
- Exclude Private, Draft pages from Primary Nav when using custom menu
- add span class inside wp_nav_menu link anchor tag
- Add a .last class to the last in each ul.sub-menu
- wp_nav_menu always falls back to a menu
- wp_get_nav_menu_items how to exclude sub level menu items?
- Add class to top level menu item if it has multiple child levels
- How to set limit only on top levels of wp_nav_menu?
- Determine if a navigation item has children
- How show sub menu only using wp_nav_menu()
- Bootstrap dropdown nav pills not working with wp_nav_menu()
- How to get a different mobile menu than desktop menu in the twentytwelve child theme
- Add custom attributes to menu items without plugin