Featured search

The header above is an example of the featured search bar. It's location and size make it a prominent feature on this layout option. The .featured-search classes need to be added to the #head-search div in the header of your page. It can be done by adding search: Featured paramenter to your page Front matter data.

NOTE: Featured search can be only used with navicons.njk or navicons-landing.njk layouts, since paga.njk , landing.njk page layout are already using featured search in their page header by default.

Front matter data:

---
title: Featured Search
layout: navicons-landing.njk
permalink: "components/featured-search.html"
navigation: "../modules/nav-flex.html"
search: Featured
---