Add the following to Page Settings > Advanced > Page Header Code Injection for the page. Please see per-page code injection.
<style>/* hide some elements in header *//* desktop */html:not(.squarespace-damask ).header-nav .header-nav-item:nth-child(3),html:not(.squarespace-damask ).header-nav .header-nav-item:nth-child(4),html:not(.squarespace-damask ).header-actions--right .header-actions-action,/* mobile */html:not(.squarespace-damask ).header-menu [data-folder="root"].header-menu-nav-item:nth-child(3),html:not(.squarespace-damask ).header-menu [data-folder="root"].header-menu-nav-item:nth-child(4),html:not(.squarespace-damask ).header-menu .header-menu-cta
{display: none;}</style>
This is for v7.1.
Let us know how it goes.
This was so useful! The only thing is when I entered it, it momentarily deleted the headers I didn't want to see, then they bounced back. I'm wondering if it's because I'm using folders in the Navigation header - does the code change if you are using (dropdown) folders?
How to use different site headers on different pages on 7.1?
in Site Design & Styles
Posted
This was so useful! The only thing is when I entered it, it momentarily deleted the headers I didn't want to see, then they bounced back. I'm wondering if it's because I'm using folders in the Navigation header - does the code change if you are using (dropdown) folders?