In case you use a plugin for mobile (burger) menu such as WP Mobile Menu, you may want to hide/remove the theme default menu under mobile/tablet portrait screens (screenshot above). Here are all of the necessary steps how it can be done:

1. Login to Your Admin Panel
2. Navigate to Left Menu -> Appearance -> Customize -> ‘Additional CSS’ Section
3. Insert the following code there:
   @media screen and (max-width: 799px) {#navmain {display:none;}
   }

    

   Note: The above code will hide menu for screens with width less than 799px. You may change it to other value if you prefer (the value marked in bold above).

4. Save changes

Best-selling Products: