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 posts to custom menus?
- How to add CSS class to custom logo?
- Display Menu Name using wp_nav_menu
- How to insert a logo in the header?
- How to limit wordpress menu depth in admin panel
- wp_nav_menu sort order?
- How to determine if custom menu is active?
- How do I check if a menu exists?
- How to use logout function on custom menu link?
- How to change get_custom_logo() url?
- Any walker causes blank menu?
- How to display wp_nav_menu() conditionally only when not on a 404 page?
- How to add menu support to a theme?
- Problem with registering menus – What to do when other solutions aren’t working?
- Add a #hash to the links in my custom menu
- What flex-width/height does?
- How can i change menu link when page content empty?
- Extend walker – navigation, adding data attribute to a tag
- How to add (css) classes to only one wp_nav_menu()?
- Get last modified date for menu link
- Replace Home with image link inside custom header menu
- Displaying wp menus by name without using theme locations
- 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?
- 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
- Where is definied the theme location for the main menu in a WordPress template?
- Second menu not showing
- How to remove class attributes from custom menu markup?
- menu behavior is not as expected
- Part of Menu Item Hidden on Header 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]
- My Admin bar covers my sticky navbar [closed]
- WordPress is adding margins and padding to my custom menu?
- Menu item added in wp_nav_menu_items filter is never highlighted
- WordPress empty Nav Menu error
- multisite: global menu containing network site links?
- Single-level menu option? Another way?
- Using a page as home, how do I prevent nav from setting both home and page links active?
- Problem with empty class attributes when running a filter on nav_menu_css_class
- How to append to menu items selectively
- 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
- Show woocommerce categories on my theme menu styling
- Override customizer values on a per-menu base
- Why does has_nav_menu return false when get_registered_nav_menus shows the opposite?
- 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 to Create custom xml file for demo content for custom theme?
- How to add menù section to my WordPress template?
- How can i make multilevel menu in wordpress theme with bootstrap
- Navbar- disable “onClick” drop-down
- 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?
- Some doubts about WordPress handle the horizontal main menu visualization
- Does wordpress add their own classes into nav menus?
- Custom menu: Link names
- Parent/Child pages
- How to substitute old wordpress menu by wp 3 menu the right way?
- Why do sticky posts show in this menu?
- Archives and Categories in Custom Menu
- how to create/register menu items that can be added to menus later
- Why nav_menu_css_class doesn’t work with apply_filters?
- 3 Level Menu Navigation (3rd Level not displaying)
- Use instead of for wp_nav_menu()
- Theme: dropdown hover menu not showing up in IE/Edge
- 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!
- Need help with adding custom wordpress menu and sub-menu
- HTML TO WP Theme : Submenu goes down wp_nav_menu
- 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?
- How can I change the title of the Home link in the navigation bar?
- How do I move menu to the bottom in Custom Community theme?
- How to make navigation a list without a plugin? [duplicate]
- How to highlight current menu bar base on the URL?
- Add wrapper for a specific sub-menu
- Dynamic nav menu with icons [closed]