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?
- How to organize the header elements, so that it doesn’t come out differentin mobile view
- Display a portion/ branch of the menu tree using wp_nav_menu()
- Dynamically exclude menu items from wp_nav_menu
- wp_nav_menu: show menu only if one exists, otherwise show nothing
- Does Extending Multiple Nav_Menu_Walkers Allow Nested Menus?
- Making breadcrumb with wp_nav_menu
- Unregister Nav Menu from Child-Theme
- Display only page specific sub menu items using Custom Walker
- adding some custom html code to the wp_nav_menu function
- Renaming a WordPress Admin Menu
- Deleted pages are NOT removed from custom menus?
- How to add active class on current menu item page?
- Keeping parent menu items active in child pages
- How do you get the current-menu-item ID?
- Add Page ID class to nav menu items
- Way to bulk delete menu items in new 3.x Appearance > Menus system?
- Pass a parameter to a menu walker
- Menu is not visible in appearance
- How do I give class to the dropdown sub-menu in the wp_nav_menu?
- WordPress nav_menu_link_attributes Not Working
- Customize the menu by adding items
- Ways to give a wp_list_pages menu link specific class names?
- Organizing by super-categories (or nested categories)?
- rename navigation menu label in wordpress theme by code
- menu entries are lost
- Nav Menu and display post count
- Adding first and last class to Menu on top level only
- wp_list_pages – show pages immediately 1 level below current level
- Automatically Add New Tags to Sub-menu
- wp_nav_menu log in/out link?
- Add within the output of
- how to automatically generate hierarchical menus from hierarchy of pages?
- How do I get my wp_nav_menu single category page to highlight the parent?
- Add sidebars to navigation menu?
- Accesibility problems with dropdown menus in twentyten theme or others
- Adding a ‘mega menu’ to my site without a plugin
- Error “The given object ID is not that of a menu item” on menu with 40+ items
- Theme menu in Admin Panel
- How to target children of child pages
- How to insert custom code into wp_nav_menu structure?
- Adding post excerpt into navigation menu
- How to add custom menu item on plugin activation?
- Editing WordPress Nav Menu Walker
- Outside the loop, how can I echo the current page’s menu title?
- WordPress Admin Bar Covering & Overlapping Fixed Menu Header [closed]
- I am facing a problem with the navigation menu of my website
- Prepend to start of WordPress nav loop
- getting parent page id when using custom menu.
- Use menu class in walker function
- Menu link to all posts (all categories included)
- How do you return a menu with the menu name?
- Change name & menu_name for Profile in the default menu, w/o altering core files?
- wp-menu ‘automatically add custom taxonomy terms’ like it does for pages? [closed]
- Change search results order for Admin -> Appearance -> Menus -> Pages -> View all
- SlickNav – Google Lighthouse Accessibility issue for collapsed menu button
- Creating a navigation menu to see where you are on your website
- Add custom external link to menu
- How I can overlap my menu in my header picture
- current-menu-item class in CSS
- Put class on instead li
- Tiles as a navigation
- Custom format nav menu only using div and a
- How to make the Primary Menu stay the same in the PC and mobile versions of the Twenty Sixteen theme
- How to add notifcations to front-end menu for users when they recieved replies?
- Page content loading issue using Walker_Nav_Menu
- Sticky Header in WordPress using BootstrapWP theme [closed]