How to Remove Sub-Menu Items from Mobile Menu

By default the mobile menu displays all menu items as desktop menu. Sometimes, you may want the mobile menu to display only root menu items. It will require a small code change, here are all of the necessary steps:

1. Admin Panel -> Left Menu -> Appearance -> Theme Editor
2. Open style.css
3. Under
   /* Medium Resolution */
   @media screen and (max-width: 799px) {

   Insert the following code:

   #navmain ul ul {
   display: none !important;
   }

4. Save changes