{"id":2353,"date":"2021-12-16T20:07:55","date_gmt":"2021-12-16T20:07:55","guid":{"rendered":"https:\/\/stax.organicthemes.com\/?page_id=2353"},"modified":"2023-06-07T13:00:33","modified_gmt":"2023-06-07T19:00:33","slug":"header-block","status":"publish","type":"page","link":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/header-block\/","title":{"rendered":"Header Block"},"content":{"rendered":"\n
\n
\n\n\n\n
\n
\n

Header Block Examples<\/h4>\n<\/div>\n\n\n\n
\n
\n
Documentation<\/a><\/div>\n\n\n\n
Buy Blocks<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n

The Header Block<\/strong> is a powerful block for building and customizing your website header. It features multiple navigation menus and several options for changing the logo, colors, typography, spacing, and layout. Additionally, the header position may be changed to overlay on top of content \u00e2\u20ac\u201d such as the Cover or Hero Block. Also, the block features mobile navigation for smaller devices. STAX<\/strong> utilizes the Header Block for its logo and navigation menus, and it may be customized in the Full-Site Editor.<\/p>\n\n\n\n

Multiple block variations are showcased below. Each variation may be copied to your clipboard, and pasted directly into your WordPress block editor. However, the Organic Blocks<\/strong><\/a> plugin is required.<\/p>\n\n\n\n

Please Note:<\/strong> These are example style variations created to showcase the block flexibility. Any variation can be modified to your liking, and entirely new variations may be created using the block settings.<\/p>\n\n\n\n

<\/div>\n<\/div>\n\n\n\n

Variation 1<\/h4>\n\n\n\n
<\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg>
<\/div>
\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
<\/div>\n<\/div><\/div>\n\n\n\n
\n
\n
\n

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n

\n
Copy Block<\/span><\/a>
Copied block to clipboard!<\/div><\/div>\n<\/div>\n\n\n\n
\n
Copy Pattern<\/span><\/a>
Copied pattern to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variation 2<\/h4>\n\n\n\n
<\/div>\n\n\n\n
<\/span>\"\"
\n\n\n
<\/div>\n<\/div><\/div>\n\n\n\n
\n
\n
\n

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n

\n
Copy Block<\/span><\/a>
Copied block to clipboard!<\/div><\/div>\n<\/div>\n\n\n\n
\n
Copy Pattern<\/span><\/a>
Copied pattern to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variation 3<\/h4>\n\n\n\n
<\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg>
<\/div>
\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n\n
<\/div>\n<\/div><\/div>\n\n\n\n
\n
\n
\n

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n

\n
Copy Block<\/span><\/a>
Copied block to clipboard!<\/div><\/div>\n<\/div>\n\n\n\n
\n
Copy Pattern<\/span><\/a>
Copied pattern to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variation 4<\/h4>\n\n\n\n
<\/div>\n\n\n\n
<\/span>
<\/div>
\n\n\n
<\/div>\n<\/div><\/div>\n\n\n\n
\n
\n
\n

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n

\n
Copy Block<\/span><\/a>
Copied block to clipboard!<\/div><\/div>\n<\/div>\n\n\n\n
\n
Copy Pattern<\/span><\/a>
Copied pattern to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n\n\n\n

Variation 5<\/h4>\n\n\n\n\n\n
<\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg><\/path><\/clipPath><\/defs><\/svg>
<\/div>
\n
\n

Cinematic <\/h2>\n\n\n\n

Experience<\/strong><\/h2>\n<\/div>\n\n\n\n
<\/div>\n<\/div><\/div>\n\n\n\n
\n
\n
\n

Copy this block variation using the button, and paste it into your WordPress block editor. The Organic Blocks<\/strong> plugin is required.<\/p>\n<\/div>\n\n\n\n

\n
Copy Block<\/span><\/a>
Copied block to clipboard!<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n
\n\n\n\n
<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Header Block Examples The Header Block is a powerful block for building and customizing your website header. It features multiple navigation menus and several options for changing the logo, colors, typography, spacing, and layout. Additionally, the header position may be changed to overlay on top of content \u00e2\u20ac\u201d such as the Cover or Hero Block. […]<\/p>\n","protected":false},"author":236185298,"featured_media":0,"parent":48,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2353","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\nHeader Block - ThinkSAi - LatAm<\/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.thinksai.com\/latam\/blocks\/organic-blocks\/header-block\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Header Block - ThinkSAi - LatAm\" \/>\n<meta property=\"og:description\" content=\"Header Block Examples The Header Block is a powerful block for building and customizing your website header. It features multiple navigation menus and several options for changing the logo, colors, typography, spacing, and layout. Additionally, the header position may be changed to overlay on top of content \u00e2\u20ac\u201d such as the Cover or Hero Block. […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/header-block\/\" \/>\n<meta property=\"og:site_name\" content=\"ThinkSAi - LatAm\" \/>\n<meta property=\"article:modified_time\" content=\"2023-06-07T19:00:33+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/header-block\/\",\"url\":\"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/header-block\/\",\"name\":\"Header Block - ThinkSAi - LatAm\",\"isPartOf\":{\"@id\":\"https:\/\/www.thinksai.com\/latam\/#website\"},\"datePublished\":\"2021-12-16T20:07:55+00:00\",\"dateModified\":\"2023-06-07T19:00:33+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/header-block\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/header-block\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/header-block\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.thinksai.com\/latam\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blocks\",\"item\":\"https:\/\/www.thinksai.com\/latam\/blocks\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Organic Blocks\",\"item\":\"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"Header Block\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.thinksai.com\/latam\/#website\",\"url\":\"https:\/\/www.thinksai.com\/latam\/\",\"name\":\"ThinkSAi - LatAm\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.thinksai.com\/latam\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.thinksai.com\/latam\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.thinksai.com\/latam\/#organization\",\"name\":\"ThinkSAi - LatAm\",\"url\":\"https:\/\/www.thinksai.com\/latam\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.thinksai.com\/latam\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.thinksai.com\/latam\/wp-content\/uploads\/sites\/9\/2023\/06\/SAiPurple_Logo.png\",\"contentUrl\":\"https:\/\/www.thinksai.com\/latam\/wp-content\/uploads\/sites\/9\/2023\/06\/SAiPurple_Logo.png\",\"width\":406,\"height\":407,\"caption\":\"ThinkSAi - LatAm\"},\"image\":{\"@id\":\"https:\/\/www.thinksai.com\/latam\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Header Block - ThinkSAi - LatAm","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.thinksai.com\/latam\/blocks\/organic-blocks\/header-block\/","og_locale":"en_US","og_type":"article","og_title":"Header Block - ThinkSAi - LatAm","og_description":"Header Block Examples The Header Block is a powerful block for building and customizing your website header. It features multiple navigation menus and several options for changing the logo, colors, typography, spacing, and layout. Additionally, the header position may be changed to overlay on top of content \u00e2\u20ac\u201d such as the Cover or Hero Block. […]","og_url":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/header-block\/","og_site_name":"ThinkSAi - LatAm","article_modified_time":"2023-06-07T19:00:33+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/header-block\/","url":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/header-block\/","name":"Header Block - ThinkSAi - LatAm","isPartOf":{"@id":"https:\/\/www.thinksai.com\/latam\/#website"},"datePublished":"2021-12-16T20:07:55+00:00","dateModified":"2023-06-07T19:00:33+00:00","breadcrumb":{"@id":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/header-block\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/header-block\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/header-block\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.thinksai.com\/latam\/"},{"@type":"ListItem","position":2,"name":"Blocks","item":"https:\/\/www.thinksai.com\/latam\/blocks\/"},{"@type":"ListItem","position":3,"name":"Organic Blocks","item":"https:\/\/www.thinksai.com\/latam\/blocks\/organic-blocks\/"},{"@type":"ListItem","position":4,"name":"Header Block"}]},{"@type":"WebSite","@id":"https:\/\/www.thinksai.com\/latam\/#website","url":"https:\/\/www.thinksai.com\/latam\/","name":"ThinkSAi - LatAm","description":"","publisher":{"@id":"https:\/\/www.thinksai.com\/latam\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.thinksai.com\/latam\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.thinksai.com\/latam\/#organization","name":"ThinkSAi - LatAm","url":"https:\/\/www.thinksai.com\/latam\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.thinksai.com\/latam\/#\/schema\/logo\/image\/","url":"https:\/\/www.thinksai.com\/latam\/wp-content\/uploads\/sites\/9\/2023\/06\/SAiPurple_Logo.png","contentUrl":"https:\/\/www.thinksai.com\/latam\/wp-content\/uploads\/sites\/9\/2023\/06\/SAiPurple_Logo.png","width":406,"height":407,"caption":"ThinkSAi - LatAm"},"image":{"@id":"https:\/\/www.thinksai.com\/latam\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.thinksai.com\/latam\/wp-json\/wp\/v2\/pages\/2353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thinksai.com\/latam\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.thinksai.com\/latam\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/latam\/wp-json\/wp\/v2\/users\/236185298"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/latam\/wp-json\/wp\/v2\/comments?post=2353"}],"version-history":[{"count":0,"href":"https:\/\/www.thinksai.com\/latam\/wp-json\/wp\/v2\/pages\/2353\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/www.thinksai.com\/latam\/wp-json\/wp\/v2\/pages\/48"}],"wp:attachment":[{"href":"https:\/\/www.thinksai.com\/latam\/wp-json\/wp\/v2\/media?parent=2353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}