{"id":2944,"date":"2026-08-27T11:53:40","date_gmt":"2026-08-27T11:53:40","guid":{"rendered":"https:\/\/www.crazy-themes.com\/demo\/assan\/header-sticky\/"},"modified":"2026-08-27T11:53:40","modified_gmt":"2026-08-27T11:53:40","slug":"header-sticky","status":"publish","type":"page","link":"https:\/\/www.crazy-themes.com\/demo\/assan\/header-sticky\/","title":{"rendered":"Header Sticky"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2944\" class=\"elementor elementor-2944\">\n\t\t\t\t<div class=\"elementor-element elementor-element-092dcc1 e-con-full assan-section-full e-flex e-con e-parent\" data-id=\"092dcc1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b306407 elementor-widget elementor-widget-assan-hero\" data-id=\"b306407\" 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-dark text-white\" data-bs-theme=\"dark\">\n\n\t\n\t\n\t\t\t\t\t<img src=\"https:\/\/www.crazy-themes.com\/demo\/assan\/wp-content\/uploads\/2026\/10\/assan-backgrounds-bg3.jpg\" alt=\"\" decoding=\"async\"\t\t\tclass=\"bg-image\"\n\t\t\tstyle=\"opacity:0.25\">\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-white 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\tSticky\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>Transparent at the top of the page. Scroll down and it leaves; scroll back up and it returns as a solid bar.<\/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-white rounded-pill px-4 px-lg-5 btn-rise\"><div class=\"btn-rise-bg bg-white\"><\/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-0503115 e-con-full assan-section e-flex e-con e-parent\" data-id=\"0503115\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-520b692 assan-row assan-row-1 e-con-boxed e-flex e-con e-child\" data-id=\"520b692\" 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-98a1fea elementor-widget elementor-widget-assan-section-heading\" data-id=\"98a1fea\" 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-sticky.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-f6894dc assan-row assan-row-3 e-con-boxed e-flex e-con e-child\" data-id=\"f6894dc\" 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-d8317b5 elementor-widget elementor-widget-assan-icon-card\" data-id=\"d8317b5\" 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-0d433f7 elementor-widget elementor-widget-assan-icon-card\" data-id=\"0d433f7\" 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-b7e1ae0 elementor-widget elementor-widget-assan-icon-card\" data-id=\"b7e1ae0\" 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-bb3d6e2 e-con-full assan-section e-flex e-con e-parent\" data-id=\"bb3d6e2\" 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-7483206 assan-row assan-row-1 e-con-boxed e-flex e-con e-child\" data-id=\"7483206\" 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-f452fef elementor-widget elementor-widget-assan-cta\" data-id=\"f452fef\" 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-center-logo\/\">\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-2944","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 Sticky - 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-sticky\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Header Sticky - Assan\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.crazy-themes.com\/demo\/assan\/header-sticky\/\" \/>\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-sticky\\\/\",\"url\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/header-sticky\\\/\",\"name\":\"Header Sticky - 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-sticky\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/header-sticky\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/header-sticky\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.crazy-themes.com\\\/demo\\\/assan\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Header Sticky\"}]},{\"@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 Sticky - 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-sticky\/","og_locale":"en_US","og_type":"article","og_title":"Header Sticky - Assan","og_url":"https:\/\/www.crazy-themes.com\/demo\/assan\/header-sticky\/","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-sticky\/","url":"https:\/\/www.crazy-themes.com\/demo\/assan\/header-sticky\/","name":"Header Sticky - 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-sticky\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.crazy-themes.com\/demo\/assan\/header-sticky\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.crazy-themes.com\/demo\/assan\/header-sticky\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.crazy-themes.com\/demo\/assan\/"},{"@type":"ListItem","position":2,"name":"Header Sticky"}]},{"@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\/2944","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=2944"}],"version-history":[{"count":0,"href":"https:\/\/www.crazy-themes.com\/demo\/assan\/wp-json\/wp\/v2\/pages\/2944\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.crazy-themes.com\/demo\/assan\/wp-json\/wp\/v2\/media?parent=2944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}