Remove Burger Menu

One Page

Add this code to Page Header Code Injection and click Save

(If your site doesn’t support Code Injection, you can add code via Code Block)

<!-- remove burger - one page -->
<style>
 .header-burger {
    display: none;
  }
  </style>

Add these codes to CSS Custom Box and click Save

All Pages

/* remove burger - all pages */
.header-burger {
    display: none;
  }

Blog Page (List)

/* remove burger - blog page */
[class*="type-blog"].view-list {
 .header-burger {
    display: none;
  }
}

Blog Post (Detail)

/* blog posts */
[class*="type-blog"].view-item {
.header-burger {
    display: none;
  }
}

Event Page (List)

/* event list */
[class*="type-events"].view-list {
 .header-burger {
    display: none;
  }
}

Event Detail

/* event detail */
[class*="type-events"].view-item {
 .header-burger {
    display: none;
  }
}

Product Shop/Category

/* shop category page */
[class*="type-products"].view-list {
 .header-burger {
    display: none;
  }
}

Individual Product

/* individual products */
[class*="type-products"].item {
.header-burger {
    display: none;
  }
}

Cart Page

/* cart page */
body#cart {
  .header-burger {
    display: none;
  }
}

Homepage Only

/* Homepage only */
body.homepage {
  .header-burger {
    display: none;
  }
}

Other Pages (exclude homepage)

/* Other page - exclude homepage */
body:not(.homepage) {
  .header-burger {
    display: none;
  }
}

On Scroll

/* On scroll */
header#header.shrink .header-burger {
  display: none;
}