In this post
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; }