Buy All 48 Premium WordPress Themes for $54.99

How to Remove Sub-Menu Items from Mobile Menu

remove sub menu items

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

About the Author

Tihomir Ivanov is a WordPress and Salesforce Commerce Cloud (SFCC) developer, founder of, a fan of Linux and Open Source, Minimalism (in Design and Life), Sci-fi, Fantasy, Classic and History books :)

Leave a Reply