Lucy-Annison

On 2/24/2023 at 6:37 AM, creedon said:

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?