Craft theme · Headers & Navigation

How to add Island Header to the Craft theme

A floating, rounded header that sits on the page like an island: the menu on one side, your logo in the middle (or first, with the space beside it yours to set), search, account and cart on the other. A pill glides between menu items and rests on the page being viewed; drop-downs open as a card sized to their links, as wide as the island or across the whole screen, show each collection's picture in front of its link (square, rounded or round, as you set), group three-level menus and hold stacked pictures or banners on either side of the links. Any menu item can wear a small label such as HOT or NEW in your colours, with a twinkling icon if you like: above the name on computers, beside it on phones. The phone menu can show the same pictures, opens each sub-menu on the item's name, on "All" in the shopper's language or on words of your own, and places pictures, short texts and your own code above or below the links of the item they belong to; a Custom code block also takes CSS to restyle anything in the header. Search opens a panel with quick links, then live results as product cards with photo and price. Shoppers sign in through Shopify's own account button — with Shop, Google, Facebook or a code by email, without leaving the page — and choose their country (and so their currency) and language in a compact panel with a search box for long lists, or in two rows at the foot of the phone menu. The cart, with your own icon if you like, opens a drawer of its own — quantities, discounts, subscriptions, a free-shipping progress bar and checkout — that keeps working with your theme's header switched off and can open by itself after an add to cart. It can float see-through over your first section and turn solid once past it, stays pinned as the page scrolls (slimmer, or hiding on the way down), and works out every quiet tone from your colours with contrast checked. This guide shows how to add the Island Header section to the Craft theme with Section Shop — as a native Online Store 2.0 section, customized in the theme editor, without touching Craft's code. Craft is a free theme by Shopify, known for craftsmanship feel, warm minimalism — and headers & navigation like this one are exactly the kind of section it doesn't ship out of the box.