First of all, it’s not a WordPress related you know and there are other platform you can ask about this one,
anyway, if you didn’t read this http://inspirationalpixels.com/tutorials/creating-a-dropdown-menu-with-html-css kind of article please read one.
I see you changed your post summary and thanks for that.
But before get answer something worth you have to try something because your solution can not be done with small code/example. It’s need couple to step, if you want do it by your self.
- Need to upload field in WordPress Menu Page
- Working with Walker_Nav_Menu according to your styles and upload
field. - use your custom menu function as walker hook.
But if you want to use use any mega menu plugin that will be easy and perfect for this.
Related Posts:
- Custom search filter causes menu and query_posts problems
- Add separator to admin submenu
- register_nav_menus() won’t register menus
- How do I add nested categories to drop-down menu in twenty-eleven?
- Add custom page link with anchor
- How to include the ‘current-menu-ancestor’ class on a custom post type menu in WordPress?
- HTML Bootstrap navigation menu to WordPress menu using wp_nav_menu
- Getting URL value from menu item by ID
- Add section to custom menu panel
- Adding a class (arrows) to main menu links that have children?
- Is it possible to add a filter for the output of nav-menu items in admin?
- How to change menu according to the language?
- add_action for saving a custom menu
- Highlight the “Home” / “Blog” button while on main page
- Getting post content within wp_nav_walker
- Navigation (wp_nav_menu) refuses to nest within parent element
- how to add Custom menu item like User name in Header Menu only
- Display three different levels of navigation from wp_nav_menu separately?
- Wp_Nav_Menu – Identify the last menu item
- Add custom menu item metabox in Navigation Settings
- Menus – Open items in new tab/window?
- Image as a link using wp_nav_menu()
- Highlight another nav item
- Populating main menu from external JSON API
- HTML in Menu Items disappear on save
- Get category ID from nav menu
- How to put a Menu on the left side of a particular page in WordPress 3.5
- How to make link to different categories that in them selves loads different menus?
- How do you cope with the task of adding hierarchy to the navigation menu?
- Programmatically add existing pages and subpages to Appearance Menu
- Highlight current post ancestor parent menu items
- Restrict control in nav-menu for specific role
- walker – 0 level on submenu formatting
- Ad custom admin page like WordPress customizer [closed]
- Appearance Menus Screen – menu item drop down menu not functioning
- Weird behaviour on Edit Menus screen
- Remove nav menu item by script
- Custom Menu Broken WP 3.8.1 Update
- How to actually make menu walker alive on admin interface?
- Get menus created with menu editor?
- How to I know the class or ID of my theme?
- Highlight parent if item from submenu is active
- How to exclude pages in the menu without pageID?
- Missunderstanding of WordPress menus
- How to add schema.org SiteNavigationElement and property URL to navbar?
- Get custom classes in WordPress Navigation Menu
- changing host.. data loss
- Theme Location empty
- Replace the slug of parent pages with # [closed]
- How to buid wordpress menu with auto width sub-menu items in dropdown menu without any items sharing one line [closed]
- Page appears after de registering from menu
- wp_nav_menu: Is there a way to modify the output of that got a submenu?
- How can I create a new menu item that links to an archive of a custom post type?
- functions.php adding item to end of menu. I want to change position
- WordPress menu>Custom Link: removing my link formatting and adding %20
- Custom Menu Anchor Links Not Working
- WordPress Menu Exchange for Mobile Layout
- Switching to child theme breaks menu names
- Wp_list_pages not showing children with custom page template
- How to implement a secondary menu?
- Buggy wp_nav_menu?
- Styling issue with custom menus and sub menus
- When I click a custom menu link, how do I make it update the URL in the browser to the external link?
- Disabling tooltip on menu items
- Divide Menu into Separate Menus and Display them Side by Side
- Hook or callback when wp_nav_menu() has completed
- if role is logged in then do something
- Set one or more menus as a submenus of another menu
- How to show submenu of any page in main menu
- WP Menu Rollover Nav Item and Effect DIV Elsewhere
- How to change the navigation menu
- Menu links URL with PHP GET method
- WordPress nav_menu items from another menu appearing
- Adding widget to sidebar which contains current page’s submenu
- How to create a mobile menu full screen overlay using Understraps Bootstrap 4 theme
- adding drop down menu item to existing menu
- Extending Walker_Nav_Menu in wp_nav_menu List of Empty Items
- Jump to section on another page from menu item
- How to Hide/Remove Pages section in Menus (Dashboard)
- Users are required to login to my site. How define user.member boolean, its permissions, and conditionally display/handle behavior based on it
- How to Use Default Auto-Generated Menu?
- How to sort a sub-menu, generated with get_pages(), by the page order instead of alphabetically?
- wp-nav menu with custom walker , how to remove a tag if it has any submenu
- Two questions about CSSing inside the menus
- Different menu on different category need advice
- Always show wordpress submenu on responsive header menu
- Is there any way to recover deleted menu from database sql backup
- Placing generated list into drop-down on custom menu
- Add tooltips with image in WordPress Menu?
- How to make a drop down menu with categories
- How to use my custom menus as seperate pages?
- WordPress wp get nav menu items does not deliver external link
- wp_nav_menu changed to wp_page_menu
- how to assign an ID to a wordpress menu
- Site pages show the page title under navigation bar
- Keeping my Sub Menu open when hovering on its list items
- How to disable permalink of a particular menu item?
- child theme font awesome icons not working
- add dynamic ID for wp_nav_menu after and before
- How to replicate a mobile menu from a site to a wordpress site [closed]