contacts

Get All 122 Premium WordPress Themes for Just $59.99
One-Time Payment: Unlimited Use Across Unlimited Domains, Plus Free Lifetime Updates!

How to Remove Sub-Menu Items from Mobile Menu

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

Leave a Reply