You should use Walker to make it easier. Please read more detail to know it and try to research again 😀
Link: https://codex.wordpress.org/Class_Reference/Walker
Tut: https://www.ibenic.com/how-to-create-wordpress-custom-menu-walker-nav-menu-class/
And this is my website, I completed it using Menu Walker. The link below 😀
Related Posts:
- Menu items description? Custom Walker for wp_nav_menu()
- How to add CSS class to custom logo?
- How can I display a menu on certain pages only?
- How to insert a logo in the header?
- Add Caret to Menu Items with Sub-Menus in WordPress Theme
- How to limit wordpress menu depth in admin panel
- wp_nav_menu sort order?
- How to determine if custom menu is active?
- How to change get_custom_logo() url?
- Any walker causes blank menu?
- How to add menu support to a theme?
- What flex-width/height does?
- Extend walker – navigation, adding data attribute to a tag
- Get last modified date for menu link
- Replace Home with image link inside custom header menu
- How to add nofollow to wp_nav_menu
- How to highlight the current page in the nav menu?
- How do I add a post to a menu
- how to change WordPress menu markup/classes
- Setting a Default ‘Theme Location’ When Creating a Menu
- Best practices: Custom theme sidebar menu – hardcode or widget?
- How do I highlight the menu for a child page?
- Custom Nav Walker Displaying Values in Sub Menu
- how to set more than one menus to the same theme location
- Custom Nav Walker to show siblings and children of current branch?
- CSS won’t style output of wp_nav_menu() correctly
- Create self-populating menu and add extra divs to the menu layout
- Where is definied the theme location for the main menu in a WordPress template?
- how to wrap tag in tag html to wordpress menu conversion
- Second menu not showing
- No Appearance –> Header menu
- menu behavior is not as expected
- Set default screen option for appearance -> menus
- Part of Menu Item Hidden on Header Menu
- wp_nav_menu add something before closing container and after last list item
- Find the Children of a Page then Echo it as a Bulleted List of Links (menu)
- which is the best way to customize nav-menu-template.php?
- Create wordpress header with custom logo in between the menu splitting the menu into two equal parts [closed]
- WordPress empty Nav Menu error
- Single-level menu option? Another way?
- Primary navigation menu & footer not showing in category / tag page
- Problem with empty class attributes when running a filter on nav_menu_css_class
- Custom Nav Walker Trouble
- How to set the currently active page in the menu including parents
- Issue on Adding A Class to Bootstrap Navbar Walker Dropdown
- Where am I doing wrong in my theme menu?
- Custom Navigation build using wp_nav_menu and walker
- Override customizer values on a per-menu base
- Recommended method for updating/adding menus when adding new theme
- Child Theme header1.php file not overwriting parent theme’s header1.php file
- Why wp_nav_menu() doesnt show the proper meny when invoked two consecutive times?
- How to develop a menu like wwe.com?
- 3 Level Deep Navigation Menu Not Showing All Levels
- Why are some of my menu items not displaying on my menu?
- How should I use starter content utility to show some default menus?
- How to add menù section to my WordPress template?
- Thesis -style Navigation
- How can i make multilevel menu in wordpress theme with bootstrap
- how do i develop a global nav and local nav to be wordpress dynamic?
- Adding content inside the anchor tags within WordPress main nav
- Why is my container argument not working for wp_nav_menu() [closed]
- How to Emulate Default Navigation Menu Behaviour in a Custom Theme?
- Does wordpress add their own classes into nav menus?
- Custom menu: Link names
- Custom nav menu not showing
- if (has_custom_menu())?
- Why do sticky posts show in this menu?
- Making a horizontal flyout menu from WordPress category listing
- WordPress custom menu can’t show 3. level submenu
- how to create/register menu items that can be added to menus later
- Why nav_menu_css_class doesn’t work with apply_filters?
- Programatically Created Menu not Editable in Dashboard
- Building a custom menu or use a plugin?
- 3 Level Menu Navigation (3rd Level not displaying)
- Use instead of for wp_nav_menu()
- SIte logo is not displaying
- Adding a second logo next to the main one in header
- Pages not displaying as sections on static page
- Cold Fusion to WordPress
- Alt header logo and link for specific pages
- Menu names not getting translated
- Nav menus Fast previewing not working with wp_get_nav_menu_items!
- wp_nav_menu custom walker class
- Fallback dosen’t work when not using ‘menu’ attribute
- How to add custom nav_menu_css_class to certain menu only?
- WordPress doesn’t recognize submenus as so I can’t style them properly
- Primary Menu Showing All Pages With No Sub-Nav
- How to add drop symbol to parent nav items which have child
- How to add custom field option with menu?
- WordPress 3.9 two menus in same position?
- Main Menu Theme Different Output Print
- Menu item not created on theme activation
- How do I move menu to the bottom in Custom Community theme?
- Creating Multiple Menus in the Thesis Theme?
- How to make navigation a list without a plugin? [duplicate]
- How do I middle-align my header menu items in WordPress [closed]
- How to automatically set a Template Page Name next to a page in menu screen such as WooCommerce pages, front page, or posts page in wordpress?
- Dynamic nav menu with icons [closed]
- wp_nav_menu_items callback not triggered
- Why is wp_nav_menu() not removing the container around the nav ?