Looking at that tutorial, you need to match up the jQuery selector with the menu markup. You can see in this line
navigation: $('#nav ul'),
that the jQuery expects your menu to be in a <ul>
inside a parent element with the id nav
. Luckily, that’s really easy to do. Just change your wp_nav_menu()
arguments to:
wp_nav_menu( array( 'theme_location' => 'main', 'container_id'=>'nav' ) );
wp_nav_menu()
can do a lot more than that, so you might want to go through the available arguments just for future knowledge.
Also, it seems worth mentioning that the new official WordPress theme Twenty Twelve uses a responsive menu solution that you might want to take a look at.
Related Posts:
- Convert WP Menu to a Drop Down for Mobile browser
- Translate a word in a responsive menu
- Responsive menu gone on wordpress Responsive theme
- magic “MENU” button under Twenty Twelve theme
- Change Menu Button Text [closed]
- Responsive menu on genesis theme [closed]
- Efficient wp mobile menu
- Cannot collapse a responsive menu in WordPress
- Mobile menu displays submenus on top of parent. Need it to display right below on an own line
- Bootstrap navbar responsiveness on WordPress theme menu not working
- menu mobile show up even i in desktop mode in Newspaper Theme
- Image menu on responsive WordPress
- Customizing Responsive Themes Menu [closed]
- Hamburger Navigation Menu
- Navigation menu, remove item from desktop
- What is the best way to incorporate responsive dropdown navigation menu into custom theme?
- How can I only show one responsive menu on mobile devices?
- Why do Custom Nav Menus generate so many classes on list items? Can I manage this somehow?
- Custom search filter causes menu and query_posts problems
- Add separator to admin submenu
- How do I add nested categories to drop-down menu in twenty-eleven?
- Add custom page link with anchor
- How to add menu to Dashboard that can be viewed by all users
- List children of second level sub page
- Show top-level parent with submenu menu walker
- Add section to custom menu panel
- Adding menu items dynamically using wp_nav_menu_objects
- BuddyPress – How to add logout in nav menu
- Highlight the “Home” / “Blog” button while on main page
- how to add Custom menu item like User name in Header Menu only
- Display three different levels of navigation from wp_nav_menu separately?
- Menus – Open items in new tab/window?
- Image as a link using wp_nav_menu()
- Highlight another nav item
- Custom Menu url is Empty
- Get category ID from nav menu
- How to make link to different categories that in them selves loads different menus?
- Menus don’t appear in admin area / WordPress Multisite
- Programmatically add existing pages and subpages to Appearance Menu
- Highlight current post ancestor parent menu items
- Ad custom admin page like WordPress customizer [closed]
- Appearance Menus Screen – menu item drop down menu not functioning
- Weird behaviour on Edit Menus screen
- Make a navigation menu in the same post [duplicate]
- How to actually make menu walker alive on admin interface?
- Get menus created with menu editor?
- Highlight parent if item from submenu is active
- How to exclude pages in the menu without pageID?
- changing host.. data loss
- Theme Location empty
- wp_nav_menu action/filter help
- Trying to add a custom social icon to a Twenty Twenty-One child theme
- Adding toggle-able element after menu item
- WP admin style not refreshing
- Navigation menu not visible (contrast issue) on home page
- Tageting a specific menu link with nav_menu_css_class
- login logout menu changes in wordpress [closed]
- Style wp_link_pages as a select drop down list
- functions.php adding item to end of menu. I want to change position
- Custom Menu Anchor Links Not Working
- WordPress Menu Exchange for Mobile Layout
- Question about Menus on WordPress
- Switching to child theme breaks menu names
- Main menu navigation links and new pages
- Bootstrap menu – make menu entries with submenu not clickable
- How to implement a secondary 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?
- Duplicate menu items when auto generating menu from product categories
- Using menus to link to sections on the home page
- How to change the navigation menu
- Menu links URL with PHP GET method
- WordPress nav_menu items from another menu appearing
- Is it possible to remove the highlighted menu on Users and highlight a different menu?
- Adding widget to sidebar which contains current page’s submenu
- Unable to get Navigation Menu to display in the desired location
- WordPress theme editor not showing
- How to switch menu location in this header.php?
- Why does WordPress convert absolute URLs to relative URLs for menu items?
- Extending Walker_Nav_Menu in wp_nav_menu List of Empty Items
- Jump to section on another page from menu item
- 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?
- Adding two same css class on menu item
- Two questions about CSSing inside the menus
- Different menu on different category need advice
- Add items to a menu
- Use menu structure for permalinks
- 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?
- Add class to current category menu item
- WordPress wp get nav menu items does not deliver external link
- How to load css file in my menu in wordpress
- Site pages show the page title under navigation bar
- Jquery dropdown menus working locally, but not in WordPress [duplicate]
- Wrapping my ‘s with
- Active Navigation Class Based on URL on icon
- Rename Menu icon in Twenty seventeen theme