# How to Add Mega Search Header to the Shrine Theme

> Source: https://section-shop.com/theme-guides/shrine/add-mega-search-header/ — Section Shop, 164 free native Shopify sections. Install: https://apps.shopify.com/section-shop

A header built around search, for large catalogues: a wide search bar with a product-type picker and live suggestions (matching searches first, then products with photo and price), and a menu row whose items open panels across the full width, as wide as the page, or as a card sized to their links — headed columns for three-level menus, each collection's picture in front of its link (square, rounded or round, as you set), a "Shop all" link, and 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. A deal link shines in your accent colour, and the cart can wear your own icon. Shoppers sign in through Shopify's own account button and choose their country (and so their currency) and language in a compact panel with a search box for long lists. It stays on top as the page scrolls (slimmer, hidden on the way down, or down to the menu row alone), keeps the cart count right after any add to cart, and becomes a side-sheet menu on phones with its own search row, the same pictures and labels, short texts and your own code above or below each item's links, and the first link of each sub-menu worded as you like. Every in-between tone is computed from your colours and checked for contrast. This guide shows how to add the Mega Search Header section to the Shrine theme with Section Shop — as a native Online Store 2.0 section, customized in the theme editor, without touching Shrine's code. Shrine is a premium theme by Shrine, known for conversion-rate obsession and built-in marketing blocks — and headers & navigation like this one are exactly the kind of section it doesn't ship out of the box.

## Why Mega Search Header fits Shrine

Headers and navigation layouts with room for your collections and brand. On Shrine, Mega Search Header slots in like any built-in section: it inherits the theme's fonts by default, picks up your color choices in the editor, and lives alongside Shrine's own sections in the picker — prefixed "SShop:" so it's easy to spot.

## Steps

1. **Install Section Shop (free)** — Add the app from the Shopify App Store. It's free, carries the Built for Shopify badge, and changes nothing in your Shrine setup until you add a section.
2. **Find “Mega Search Header” in the library** — Open the app and browse to it — it's in the Headers & Navigation category — or use search.
3. **Click “Add to theme”** — Section Shop writes the section into your Shrine theme through Shopify's official theme API, the same mechanism Shrine uses for its own sections.
4. **Open the Shrine theme editor** — In Online Store → Themes → Customize, click “Add section”: you'll find it as “SShop:Mega Search Header” in the picker.
5. **Customize and save** — Adjust text, images, colors and layout. Typography follows your Shrine font settings by default — or switch the section to any Shopify font. Hit Save and it's live.

## FAQ

### Does Mega Search Header work with the Shrine theme?

Yes. Shrine is an Online Store 2.0 theme, and Mega Search Header installs as a native OS 2.0 section through Shopify's official theme API. It appears in Shrine's theme editor as “SShop:Mega Search Header”, alongside the theme's own sections.

### Will Mega Search Header match Shrine's design?

By default the section inherits your theme's fonts, so it picks up Shrine's typography automatically. Colors, spacing, images and content are all editable in the theme editor — no CSS required.

### Is Mega Search Header free, and what if I uninstall Section Shop?

Mega Search Header is free, like every section in the 164-section library. Once added it's a standard theme file: if you uninstall the app, the section stays in your Shrine theme and keeps working.
