The CSS isn’t the culprit here, there is an issue with your jQuery logic. Based on the provided jQuery it looks like you’re binding click events based on class names.
I would suggest binding the click event that triggers the initial navigation dropdown to the hamburger icon’s ID rather than class. And then binding a separate click event that triggers the drop downs.
It also appears that both the navigation and the submenu dropdowns share the same attribute: data-x-toggleable="x-nav-wrap-mobile"
this may be the cause of the issue.
Related Posts:
- How to stop mobile theme inheriting desktop navigation menu?
- How to get a different mobile menu than desktop menu in the twentytwelve child theme
- Second nav is merged with the first in mobile
- Does WordPress create mobile menus automatically?
- Mobile menu works on local XAMPP, but not on GoDaddy [closed]
- WordPress Split Menu
- TwentyTwelve child theme mobile menu not working
- How to add a submenu toggle button inside all “li” elements that have a submenu?
- Convert WP Menu to a Drop Down for Mobile browser
- Add Button to Bottom of Mobile Menu
- burger on mobile
- Uber menu, manual integration, disable Mobile
- My Temptation theme is showing two of the same menu at the top. How do I remove the one that the theme comes with? Please help! [closed]
- WordPress Menu Exchange On Tablet’s Orientation
- Replace the slug of parent pages with # [closed]
- Menu Not Showing on Mobile
- WordPress Menu Exchange for Mobile Layout
- Efficient wp mobile menu
- (Mobile) Hamburger menu disappeared from a page (only one)
- My menu doesn’t fit in the default screen in the mobile version
- Top bar menus not showing on mobile
- Mobile navigation javascript problem
- Mobile menu displays submenus on top of parent. Need it to display right below on an own line
- Menu doesn’t open on mobile
- Change menu for mobile
- Add href to tag in nav menu for mobile
- Disable Top Nav Bar on Mobile
- Mobile menu not working – jQuery error?
- menu mobile show up even i in desktop mode in Newspaper Theme
- Mobile Menu Not Working
- Theme: Twenty Thirteen Mobile Sliding Menu Doesn’t Bump Content Down
- Navigation menu, remove item from desktop
- Changing when mobile menu is displayed
- How can I only show one responsive menu on mobile devices?
- wp_get_nav_menu_items() not working with slug
- Error “Trying to get property of non-object” with Custom Walker for wp_nav_menu
- Add Class to Specific Link in Custom Menu
- wp_nav_menu() loses ‘current-menu-*’ classes on single product page within category
- How is custom menu hierarchy output handled?
- How to fix strange 500 Error after Editing Menu?
- Creating new dynamic menu including BP links [closed]
- List parent item with all child item on child pages
- Override custom menu widget
- Placing widget to menu
- container_class doesn’t seem to be working
- Walker_Nav_Menu: Items not nested correctly
- Loop through Navbar, Output Icons
- Custom Walker anchor tag not inheriting attributes
- How to display dynamic content in start_lvl function
- Partial refresh of menu in customizer not working?
- Add custom -element to wp_nav_menu
- Disable automatig SVG tag from menu
- next_post_link() on custom menu structure
- Different fields available for different sites when when customising Menu’s
- Custom walker with hashes instead of links (one-page layout)
- Find out if a page has no parent
- wp_nav_menu() showing list in a different Position?
- Can’t include Language switch in Nav Menu
- Using website header, menu and footer on WordPress blog
- Can only get one of two custom menus to display
- wp_nav_menu not working [closed]
- Getting the current menu item id from specific menu
- How should I build a custom menu walker for this setup?
- Dynamic_sidebar inside wp_nav_menu
- Hide menu from homepage
- How to align last 3 menu items to the right – WordPress main menu [closed]
- changing theme folder name breaks menus – twentyeleven
- Submenu in sidebar custom page template
- How to add a second custom menu in my sidebar when theme only supports one?
- add_filter for where statment issue
- How to add columns to wordpress menu editor
- how to insert data in li tag of navigation
- How can I add a class to a nav menu when I’m viewing a child page?
- Removing a page from the header menu
- Splitting up a submenu into columns, or putting existing menus in another menu as submenu item
- wp_nav_menu does not take arguments?
- “Widgets” menu doesn’t appear
- WordPress always display the first menu
- Can’t insert internal links and menu errors appearing
- horizontal menu / 4-level depth
- 500 Internal Server Error when Trying to Save Menu [closed]
- How do I convert a custom menu wp_get_nav_menu_items into Fourth level?
- Is there any difference between widgets (used in order to manage menus) and register_nav_menus() in terms of performance?
- Adding menu title to custum URL
- Parent Menu Item Requires Two Clicks for Mobile Device
- Full submenu not displaying in wordpress
- Product categories are mixed when creating menu
- Header lists posts instead of showing primary nav menu
- Add a menu item to the logged in users author page?
- Count Level 1 Childs for Custom Nav Walker WordPress
- Iterate through each menu item into a shortcode
- “Static” Child Menu with Accordian
- Display same menu for parent and all its children
- Image menu on responsive WordPress
- Set a different home link in nav menu
- Remove link from Page name in navigation bar
- Auto Filled Custom Menus for Custom Post Types?
- Adding Pages to Menus – No Page Hierarchy in Backend [duplicate]
- I want my homepage navbar to have different styling to the rest of my site, how can I do this?
- Problems with draft website pages