Overview
The "BOOM Store Header" block is a simple and clean header inspired by the boombycindyjoseph.com store. It currently consists of an image element (1), a navigation element (2) (including nested menus) and an icons section (3). This header block will also be updated from time-to-time to have it be the same as the original BOOM store's header!
Like all blocks, the styles for it can be edited independently on Desktop, Tablet and Mobile using the builder modes. This block can be found in the "Headers & Footers" section of the page block library:
πThe default image size for the Logo in this block is 345x150 px
Icons
The "Bars" icon only appears on Tablet and Mobile devices:
This icon is fixed to the "Toggle Menu" destination which can't be changed. The navigation element and links will automatically collapse into this icon on smaller screens to save space:
Sticky Header
To make the Header block sticky on any device type (Desktop / Tablet / Mobile), you can either select the "Fixed on Screen (Sticky)" option from the left sidebar below the Scroll Actions section there:
Or click on the π icon in the top-right corner of the Header block:
πScroll Actions for the header can be set independently on each device type.
The "Appears on Scroll Up" option is another great header option where the header will disappear once the visitor starts scrolling down the page, but will reappear again as soon as the visitor scrolls up: