{"id":2947,"date":"2026-08-27T11:53:40","date_gmt":"2026-08-27T11:53:40","guid":{"rendered":"https:\/\/www.crazy-themes.com\/demo\/assan\/header-search-bar\/"},"modified":"2026-08-27T11:53:40","modified_gmt":"2026-08-27T11:53:40","slug":"header-search-bar","status":"publish","type":"page","link":"https:\/\/www.crazy-themes.com\/demo\/assan\/header-search-bar\/","title":{"rendered":"Header Search Bar"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2947\" class=\"elementor elementor-2947\">\n\t\t\t\t<div class=\"elementor-element elementor-element-903890a e-con-full assan-section-full e-flex e-con e-parent\" data-id=\"903890a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d5c329 elementor-widget elementor-widget-assan-hero\" data-id=\"3d5c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"assan-hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"assan-hero position-relative overflow-hidden bg-light\">\n\n\t\n\t\n\t\n\t\n\t\n\t<div class=\"container position-relative z-1 py-12 py-lg-15\">\n\t\t<div class=\"row align-items-center \">\n\n\t\t\t\t\t\t<div class=\"col-lg-10 mx-auto text-center\">\n\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"badge rounded-pill bg-primary-subtle text-primary mb-3\">\n\t\t\t\t\t\t\tHeader style\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h1 class=\"display-3 mb-4\">\n\t\t\t\t\t\t\t\t\t\t\t\tSearch Bar\t\t\t\t\t<\/h1>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"lead mb-5\">\n\t\t\t\t\t\t<p>A search icon in place of the call-to-action button, opening a full-screen search panel over the page.<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"d-flex flex-wrap gap-3 justify-content-center\">\n\t\t\t\t\t\t<a class=\"btn btn-lg btn-outline-primary rounded-pill px-4 px-lg-5 btn-rise\"><div class=\"btn-rise-bg bg-primary\"><\/div><div class=\"btn-rise-text\">Get started<\/div><\/a>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t<\/div>\n\n\t\t\t\n\t\t\t\n\t\t<\/div>\n\n\t\t\n\t<\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-503793f e-con-full assan-section e-flex e-con e-parent\" data-id=\"503793f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-bac3aa6 assan-row assan-row-1 e-con-boxed e-flex e-con e-child\" data-id=\"bac3aa6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f95a24a elementor-widget elementor-widget-assan-section-heading\" data-id=\"f95a24a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"assan-section-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"assan-section-heading row justify-content-center text-center\">\n\t<div class=\"col-lg-8\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"mb-4\">\n\t\t\t\t\t\t\t\t\t<h6 class=\"mb-0 text-uppercase\">How this page is built<\/h6>\n\t\t\t\t\t\t\t<\/div>\n\t\t\n\t\t\t\t\t\t\t\t<h2 class=\"display-5 mb-2\">\n\t\t\t\tEvery layout is a page setting, not a template\t\t\t<\/h2>\n\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"lead text-body-secondary mb-0\"><p>This page is an ordinary page. The only thing that makes it different is the Assan Layout box in the sidebar of the editor, which pins the chrome you can see above and below. Ported from header-search-bar.html.<\/p>\n<\/div>\n\t\t\t\t\t\n\t\t\n\t\t\t\t\t\t\t\n\t<\/div>\n\n\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a6be62d assan-row assan-row-3 e-con-boxed e-flex e-con e-child\" data-id=\"a6be62d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4f07bed elementor-widget elementor-widget-assan-icon-card\" data-id=\"4f07bed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"assan-icon-card.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"assan-icon-card position-relative\">\n\n\t\t\t<div class=\"mb-4 position-relative text-primary\">\n\t\t\t\t\t\t<i class=\"bi bi-sliders display-5 fw-normal\"><\/i>\t\t<\/div>\n\t\n\t<div>\n\n\t\t\t\t\t<h5 class=\"mb-3\">Set it globally<\/h5>\n\t\n\t\t\t\t\t<p class=\"mb-4\">Appearance then Customize, under Header or Footer. Whatever you pick there is what every page uses unless it says otherwise.<\/p>\n\t\n\t\n\t\n\t<\/div>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32b43a6 elementor-widget elementor-widget-assan-icon-card\" data-id=\"32b43a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"assan-icon-card.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"assan-icon-card position-relative\">\n\n\t\t\t<div class=\"mb-4 position-relative text-primary\">\n\t\t\t\t\t\t<i class=\"bi bi-file-earmark-text display-5 fw-normal\"><\/i>\t\t<\/div>\n\t\n\t<div>\n\n\t\t\t\t\t<h5 class=\"mb-3\">Or per page<\/h5>\n\t\n\t\t\t\t\t<p class=\"mb-4\">Open any page and use the Assan Layout box. Leave a field on Global and it keeps following the Customizer; change it and only that page moves.<\/p>\n\t\n\t\n\t\n\t<\/div>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-07269a9 elementor-widget elementor-widget-assan-icon-card\" data-id=\"07269a9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"assan-icon-card.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"assan-icon-card position-relative\">\n\n\t\t\t<div class=\"mb-4 position-relative text-primary\">\n\t\t\t\t\t\t<i class=\"bi bi-eye-slash display-5 fw-normal\"><\/i>\t\t<\/div>\n\t\n\t<div>\n\n\t\t\t\t\t<h5 class=\"mb-3\">Or not at all<\/h5>\n\t\n\t\t\t\t\t<p class=\"mb-4\">The same box can switch the header or footer off entirely, which is what a landing page usually wants.<\/p>\n\t\n\t\n\t\n\t<\/div>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"assan-surface-light e-no-lazyload elementor-element elementor-element-0dfeb93 e-con-full assan-section e-flex e-con e-parent\" data-id=\"0dfeb93\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6f470b5 assan-row assan-row-1 e-con-boxed e-flex e-con e-child\" data-id=\"6f470b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5f3107 elementor-widget elementor-widget-assan-cta\" data-id=\"f5f3107\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"assan-cta.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"assan-cta position-relative overflow-hidden\">\n\t\t\t<div class=\"container  position-relative z-1\">\n\n\t\t\n\t\t\t\t\t<div class=\"px-4 px-lg-7 py-9 py-lg-11 bg-primary rounded-4 text-white overflow-hidden position-relative\" data-bs-theme=\"dark\">\n\t\t\t\t<svg class=\"position-absolute end-0 bottom-0 text-warning w-75 h-auto w-lg-50 w-md-60\" width=\"197\" height=\"99\"\n\t\t\t\t\tviewBox=\"0 0 197 99\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\n\t\t\t\t\t<path d=\"M280 141C280 122.615 276.392 104.41 269.381 87.4243C262.371 70.4387 252.095 55.0052 239.141 42.005C226.188 29.0048 210.809 18.6925 193.884 11.6569C176.959 4.6212 158.819 0.999999 140.5 1C122.181 1 104.041 4.62121 87.1157 11.6569C70.1907 18.6925 54.8124 29.0049 41.8586 42.0051C28.9048 55.0053 18.6293 70.4387 11.6188 87.4243C4.60827 104.41 0.999998 122.615 1 141L280 141Z\"\n\t\t\t\t\t\tclass=\"stroke-white\" stroke-opacity=\".2\" stroke-width=\"1.5\" \/>\n\t\t\t\t<\/svg>\n\t\t\t\t<div class=\"position-relative\">\n\t\t\n\t\t\n\t\t\t<div class=\"row position-relative \">\n\t\t\t\t<div class=\"col-12 col-md-10 col-lg-8 mx-auto text-center\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t<h2 class=\"display-5 fw-lighter mb-4\" data-aos=\"fade-down\">\n\t\t\t\t\t\t\tScroll back up\t\t\t\t\t\t<\/h2>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<p class=\"mb-5 px-lg-7 lead\" data-aos=\"zoom-in\" data-aos-delay=\"100\">\n\t\t\t\t\t\t\tThe sticky variants only show what they do once the page has moved, which is why this one is tall.\t\t\t\t\t\t<\/p>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div data-aos=\"fade-up\" data-aos-delay=\"150\">\n\t\t\t\t\t\t\t<a class=\"btn btn-white btn-lg btn-hover-arrow rounded-3\" href=\"https:\/\/www.crazy-themes.com\/demo\/assan\/header-shopping-cart\/\">\n\t\t\t\t\t\t\t\t<span>See the other layouts<\/span>\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2947","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Header Search Bar - Assan<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.crazy-themes.com\/demo\/assan\/header-search-bar\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Header Search Bar - Assan\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crazy-themes.com\/demo\/assan\/header-search-bar\/\" \/>\n<meta property=\"og:site_name\" content=\"Assan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/header-search-bar\\\/\",\"url\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/header-search-bar\\\/\",\"name\":\"Header Search Bar - Assan\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/#website\"},\"datePublished\":\"2026-08-27T11:53:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/header-search-bar\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/header-search-bar\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/header-search-bar\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Header Search Bar\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/#website\",\"url\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/\",\"name\":\"Assan\",\"description\":\"Modern websites, built to last.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/#organization\",\"name\":\"Assan\",\"url\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/assan-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/assan-logo.png\",\"width\":480,\"height\":98,\"caption\":\"Assan\"},\"image\":{\"@id\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Header Search Bar - Assan","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.crazy-themes.com\/demo\/assan\/header-search-bar\/","og_locale":"en_US","og_type":"article","og_title":"Header Search Bar - Assan","og_url":"https:\/\/www.crazy-themes.com\/demo\/assan\/header-search-bar\/","og_site_name":"Assan","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.crazy-themes.com\/demo\/assan\/header-search-bar\/","url":"https:\/\/www.crazy-themes.com\/demo\/assan\/header-search-bar\/","name":"Header Search Bar - Assan","isPartOf":{"@id":"https:\/\/www.crazy-themes.com\/demo\/assan\/#website"},"datePublished":"2026-08-27T11:53:40+00:00","breadcrumb":{"@id":"https:\/\/www.crazy-themes.com\/demo\/assan\/header-search-bar\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crazy-themes.com\/demo\/assan\/header-search-bar\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.crazy-themes.com\/demo\/assan\/header-search-bar\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.crazy-themes.com\/demo\/assan\/"},{"@type":"ListItem","position":2,"name":"Header Search Bar"}]},{"@type":"WebSite","@id":"https:\/\/www.crazy-themes.com\/demo\/assan\/#website","url":"https:\/\/www.crazy-themes.com\/demo\/assan\/","name":"Assan","description":"Modern websites, built to last.","publisher":{"@id":"https:\/\/www.crazy-themes.com\/demo\/assan\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.crazy-themes.com\/demo\/assan\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.crazy-themes.com\/demo\/assan\/#organization","name":"Assan","url":"https:\/\/www.crazy-themes.com\/demo\/assan\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.crazy-themes.com\/demo\/assan\/#\/schema\/logo\/image\/","url":"https:\/\/www.crazy-themes.com\/demo\/assan\/wp-content\/uploads\/2026\/09\/assan-logo.png","contentUrl":"https:\/\/www.crazy-themes.com\/demo\/assan\/wp-content\/uploads\/2026\/09\/assan-logo.png","width":480,"height":98,"caption":"Assan"},"image":{"@id":"https:\/\/www.crazy-themes.com\/demo\/assan\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.crazy-themes.com\/demo\/assan\/wp-json\/wp\/v2\/pages\/2947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.crazy-themes.com\/demo\/assan\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.crazy-themes.com\/demo\/assan\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.crazy-themes.com\/demo\/assan\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.crazy-themes.com\/demo\/assan\/wp-json\/wp\/v2\/comments?post=2947"}],"version-history":[{"count":0,"href":"https:\/\/www.crazy-themes.com\/demo\/assan\/wp-json\/wp\/v2\/pages\/2947\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.crazy-themes.com\/demo\/assan\/wp-json\/wp\/v2\/media?parent=2947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}