{"id":70152,"date":"2020-11-24T23:07:45","date_gmt":"2020-11-24T17:37:45","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=70152"},"modified":"2023-01-24T15:15:48","modified_gmt":"2023-01-24T09:45:48","slug":"create-header-with-header-builder","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/create-header-with-header-builder\/","title":{"rendered":"\u00bfC\u00f3mo crear una cabecera con Astra Header Builder?"},"content":{"rendered":"<p>Astra Header Footer Builder es la nueva y avanzada forma de dise\u00f1ar una cabecera\/pie creativa en Astra. <\/p>\n\n\n\n<p>La funci\u00f3n Header Footer Builder se ha lanzado en <a href=\"https:\/\/git-staging.wpastra.com\/es\/updates\/astra-3-0\/\">Astra 3.0.0<\/a> versi\u00f3n. <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n <div class=\"ast-oembed-container\" style=\"height: 100%;\"><iframe title=\"Astra 3.0 - Constructor de encabezados y pies de p\u00e1gina\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/blvToYnfa18?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p>Este art\u00edculo le ayudar\u00e1 a empezar y a entender todas las opciones disponibles con Astra Header Footer Builder. <\/p>\n\n\n\n<p>Antes de empezar puedes leer las preguntas frecuentes sobre Header Footer Builder <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/faqs-astra-header-footer-builder\/\">aqu\u00ed<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Primeros pasos <\/h3>\n\n\n\n<p>Una vez que tengas instalado el tema Astra (versi\u00f3n 4.0.0 y superiores) ve a la p\u00e1gina de bienvenida de Astra haciendo clic en Astra desde el panel de control de WordPress. Aqu\u00ed puedes ver la opci\u00f3n Header Builder en Quick Settings.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/Ast_Header_builder-1024x486.png\" alt=\"Astra Header Builder\" class=\"wp-image-144880\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/Ast_Header_builder-1024x486.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/Ast_Header_builder-300x142.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/Ast_Header_builder-768x365.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/Ast_Header_builder.png 1253w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Haga clic en el bot\u00f3n para empezar a dise\u00f1ar con New Header\/Footer Builder. <\/p>\n\n\n\n<p>Luego visite el Personalizador haciendo clic en \"Ir al Personalizador\". Una vez que est\u00e9 en el personalizador ver\u00e1 nuevas opciones para Header Builder y Footer Builder. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/astra-Header-and-Footer-Builders.jpg\"><img decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/astra-Header-and-Footer-Builders.jpg\" alt=\"astra Header and Footer Builders\" class=\"wp-image-131720\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/astra-Header-and-Footer-Builders.jpg 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/astra-Header-and-Footer-Builders-300x173.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/astra-Header-and-Footer-Builders-1024x589.jpg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/astra-Header-and-Footer-Builders-768x442.jpg 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Editar cabecera <\/h3>\n\n\n\n<p>Header Builder contiene -<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Visual Header Builder - con cabecera superior, cabecera primaria y cabecera inferior.<\/li>\n\n\n\n<li>Ficha General<\/li>\n\n\n\n<li>Ficha Dise\u00f1o<\/li>\n<\/ul>\n\n\n\n<p>Puede a\u00f1adir y gestionar elementos de cabecera con Visual Builder y personalizarlos desde la pesta\u00f1a General y Dise\u00f1o. <\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-header-builder.jpg\"><img decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-header-builder.jpg\" alt=\"Astra header builder\" class=\"wp-image-131722\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-header-builder.jpg 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-header-builder-300x173.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-header-builder-1024x589.jpg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-header-builder-768x442.jpg 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Creador visual de cabeceras<\/h4>\n\n\n\n<p>Visual Header Builder es un constructor de cabeceras flexible y avanzado. Los cambios que hagas en el constructor visual se reflejar\u00e1n instant\u00e1neamente en el dise\u00f1o de tu cabecera.&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Le ofrece 3 filas para construir una estructura de encabezado \u00fanica - Arriba, Primario y Abajo;<\/li>\n\n\n\n<li>Puede hacer clic en el signo m\u00e1s para a\u00f1adir diferentes elementos de cabecera - Bot\u00f3n, HTML, Widgets, Social, Men\u00fa Principal, Men\u00fa Secundario;<\/li>\n\n\n\n<li>Puede arrastrar y soltar elementos en distintas secciones para colocarlos en la posici\u00f3n deseada.&nbsp;<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-53ba97c7 uagb-inline_notice__outer-wrap\"><h4 class=\"uagb-notice-title\">Nota:<\/h4><div class=\"uagb-notice-text\"><p>La secci\u00f3n Identidad del sitio se encuentra ahora en la secci\u00f3n <strong>Personalizador &gt; Creador de cabeceras &gt; General &gt; Identidad del sitio y logotipo<\/strong><\/p><\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"ast-oembed-container\" style=\"height: 100%;\"><iframe title=\"Posicionamiento del elemento constructor de encabezado y pie de p\u00e1gina\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/wWJtv4m2YHI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<h5 class=\"wp-block-heading\"><strong>Configurar el estilo de los encabezados superior, primario e inferior<\/strong><\/h5>\n\n\n\n<p>Haga clic en el icono de configuraci\u00f3n situado a la izquierda de cada secci\u00f3n de cabecera y acceder\u00e1 directamente a las opciones de estilo.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-above-header-customizing.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-above-header-customizing.jpg\" alt=\"Astra above header customizing\" class=\"wp-image-131723\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-above-header-customizing.jpg 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-above-header-customizing-300x173.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-above-header-customizing-1024x589.jpg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-above-header-customizing-768x442.jpg 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Ficha General<\/h4>\n\n\n\n<p>Los elementos que a\u00f1ada en el creador visual de cabeceras estar\u00e1n disponibles en la pesta\u00f1a General. Puede hacer clic en el elemento individual y editar la configuraci\u00f3n.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Ficha Dise\u00f1o<\/h4>\n\n\n\n<p>Esto le dar\u00e1 opciones de dise\u00f1o para el ancho del encabezado y el espaciado. <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Tipos de cabecera<\/h4>\n\n\n\n<p>Observar\u00e1 una pesta\u00f1a m\u00e1s debajo de la pesta\u00f1a General, es decir, Tipos de encabezado Esto le dar\u00e1 opciones para configurar diferentes tipos de encabezado.&nbsp;<\/p>\n\n\n\n<p>Con el tema Astra, puedes activar la Cabecera Transparente y configurarla.&nbsp;<\/p>\n\n\n<!--presto-player:video_id=14--><figure class=\"wp-block-video presto-block-video  presto-provider-youtube\" style=\"--plyr-color-main: var(--presto-player-highlight-color, #5c2ede); --presto-player-logo-width: 150px; \">\n    <presto-player  id=\"presto-player-1\" src=\"\/\/www.youtube.com\/embed\/Ds77qOjJzk4?iv_load_policy=3&amp;modestbranding=1&amp;playinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1\" media-title=\"Transparent Headers in Astra Header Footer Builder\" css=\":host(.presto-preset-id-6) .plyr__controls{  display: none; }\" class=\"presto-video-id-14 presto-preset-id-1 skin-default\" skin=\"default\" icon-url=\"https:\/\/git-staging.wpastra.com\/wp-content\/plugins\/presto-player\/img\/sprite.svg\" preload=\"\" poster=\"\" playsinline>\n        \n    <div class=\"presto-iframe-fallback-container\">\n        <iframe style=\"width: 100%\" title=\"V\u00eddeo en Youtube\" class=\"presto-fallback-iframe\" id=\"presto-iframe-fallback-1\" data-src=\"https:\/\/www.youtube.com\/embed\/Ds77qOjJzk4?iv_load_policy=3&amp;modestbranding=1&amp;playsinline=1&amp;showinfo=0&amp;rel=0&amp;enablejsapi=1\" allowfullscreen allowtransparency allow=\"autoplay\"><\/iframe>\n    <\/div>\n\n    <\/presto-player>\n<\/figure>\t\t<script>\n\t\t\tvar player = document.querySelector('presto-player#presto-player-1');\n\t\t\tplayer.video_id = 14;\n\t\t\t\t\t\t\t\t\t\t\t\tplayer.preset = {\"id\":1,\"name\":\"Default\",\"slug\":\"default\",\"icon\":\"format-video\",\"skin\":\"default\",\"play-large\":true,\"rewind\":true,\"play\":true,\"fast-forward\":true,\"progress\":true,\"current-time\":true,\"mute\":true,\"volume\":true,\"speed\":false,\"pip\":false,\"fullscreen\":true,\"captions\":false,\"reset_on_end\":true,\"auto_hide\":true,\"captions_enabled\":false,\"save_player_position\":true,\"sticky_scroll\":false,\"sticky_scroll_position\":\"bottom right\",\"on_video_end\":\"select\",\"play_video_viewport\":false,\"hide_youtube\":false,\"lazy_load_youtube\":false,\"hide_logo\":false,\"border_radius\":0,\"caption_style\":\"\",\"caption_background\":\"\",\"is_locked\":true,\"cta\":[\"\"],\"watermark\":[\"\"],\"email_collection\":[\"\"],\"action_bar\":[\"\"],\"created_by\":2,\"created_at\":\"2021-12-07 22:12:34\",\"updated_at\":\"2022-02-21 11:07:27\",\"deleted_at\":\"\",\"search\":[\"\"],\"show_time_elapsed\":false};\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplayer.chapters = [];\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplayer.overlays = [];\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplayer.tracks = [];\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplayer.branding = {\"logo\":\"\",\"color\":\"#5c2ede\",\"logo_width\":150,\"player_css\":\":host(.presto-preset-id-6) .plyr__controls{\\n  display: none; \\n}\"};\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplayer.blockAttributes = {\"playsInline\":true,\"id\":14,\"src\":\"https:\\\/\\\/youtu.be\\\/Ds77qOjJzk4\",\"preset\":1,\"video_id\":\"Ds77qOjJzk4\",\"visibility\":\"public\",\"color\":\"#00b3ff\",\"mutedPreview\":{\"enabled\":false,\"captions\":false},\"mutedOverlay\":{\"enabled\":false,\"src\":\"\",\"width\":200,\"focalPoint\":{\"x\":0.5,\"y\":0.5}},\"mutedOverlayType\":\"text\",\"mutedOverlayText\":\"Click to play\",\"mutedOverlayImageWidth\":200,\"chapters\":[],\"overlays\":[],\"tracks\":[],\"title\":\"Transparent Headers in Astra Header Footer Builder\"};\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplayer.skin = \"default\";\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplayer.analytics = false;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplayer.automations = false;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplayer.provider = \"youtube\";\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplayer.video_id = 14;\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplayer.provider_video_id = \"Ds77qOjJzk4\";\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tplayer.youtube = {\"noCookie\":false,\"channelId\":\"\",\"show_count\":false};\n\t\t\t\t\t\t\t\t\t<\/script>\n\t\t\n\n\n<p>Con Astra Pro, puede disponer de opciones para <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/sticky-header-pro\/\">Cabecera adhesiva<\/a>.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-c261081b uagb-inline_notice__outer-wrap\"><h4 class=\"uagb-notice-title\">Nota:<\/h4><div class=\"uagb-notice-text\"><p>Tambi\u00e9n disponemos de otros elementos como <strong>WooCommerce Cart, EDD Cart<\/strong> en nuestro Header Builder. Para el mismo, puede requerir algunos otros plugins que necesitan ser a\u00f1adidos.<\/p><p>Puede consultar la lista completa <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/elements-in-header-footer-builder\/\">aqu\u00ed<\/a>.<\/p><\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-Header-Types.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-Header-Types.jpg\" alt=\"Astra Header Types\" class=\"wp-image-131724\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-Header-Types.jpg 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-Header-Types-300x173.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-Header-Types-1024x589.jpg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/11\/Astra-Header-Types-768x442.jpg 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<div class=\"wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-323b16c4 uagb-inline_notice__outer-wrap\"><h4 class=\"uagb-notice-title\">Nota:<\/h4><div class=\"uagb-notice-text\"><p>La cabecera adhesiva es una caracter\u00edstica de Astra Pro, por lo que esta opci\u00f3n s\u00f3lo est\u00e1 disponible cuando Astra Pro Addon est\u00e1 activo.<\/p><\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dise\u00f1o Cabecera M\u00f3vil <\/h3>\n\n\n\n<p>Con Astra Header Builder puedes dise\u00f1ar un aspecto de cabecera en dispositivos responsive. <\/p>\n\n\n\n<p>Leer el art\u00edculo <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/create-mobile-header-with-header-builder\/\">aqu\u00ed <\/a>para saber m\u00e1s. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Header Builder Elements con el tema Astra y Astra Pro&nbsp;<\/h3>\n\n\n\n<p>Astra tema ofrece una estructura completa para un nuevo constructor de cabecera. Mientras que usted puede desbloquear funciones avanzadas con Astra Pro.<\/p>\n\n\n\n<p>Esta es una lista de los elementos de cabecera disponibles con el tema Astra y Astra Pro &nbsp;<\/p>\n\n\n\n<p><strong>Con Astra&nbsp;<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bot\u00f3n<\/li>\n\n\n\n<li>HTML 1<\/li>\n\n\n\n<li>HTML 2<\/li>\n\n\n\n<li>Logotipo<\/li>\n\n\n\n<li>Men\u00fa principal <\/li>\n\n\n\n<li>Men\u00fa secundario <\/li>\n\n\n\n<li>Buscar en<\/li>\n\n\n\n<li>Social <\/li>\n\n\n\n<li>Widget 1<\/li>\n\n\n\n<li>Widget 2<\/li>\n<\/ul>\n\n\n\n<p><strong>Con Astra Pro&nbsp;<\/strong><\/p>\n\n\n\n<p><strong>Nota<\/strong>: Puede ampliar a\u00fan m\u00e1s el n\u00famero de elementos en Astra Pro. <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/multiple-elements-in-header-footer\/\">Seguir leyendo<\/a>. <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Bot\u00f3n 1<\/li>\n\n\n\n<li>Bot\u00f3n 2<\/li>\n\n\n\n<li>HTML 1<\/li>\n\n\n\n<li>HTML 2<\/li>\n\n\n\n<li>Logotipo<\/li>\n\n\n\n<li>Men\u00fa principal <\/li>\n\n\n\n<li>Men\u00fa secundario<\/li>\n\n\n\n<li>Buscar en<\/li>\n\n\n\n<li>Widget 1 <\/li>\n\n\n\n<li>Widget 2<\/li>\n\n\n\n<li>Widget 3<\/li>\n\n\n\n<li>Widget 4<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Astra Header Footer Builder es la nueva y avanzada forma de dise\u00f1ar una cabecera\/pie creativa en Astra. La funci\u00f3n Header Footer Builder ha sido lanzada en la versi\u00f3n Astra 3.0.0. Este art\u00edculo le ayudar\u00e1 a empezar y a entender todas las opciones disponibles con el Constructor de encabezados y pies de p\u00e1gina de Astra. Antes de empezar puedes leer las preguntas frecuentes sobre el [...]<\/p>","protected":false},"author":20,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","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":"","theme-transparent-header-meta":"default","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":"","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":""},"docs_category":[1995],"docs_tag":[],"class_list":{"0":"post-70152","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-header-footer-after-3-0"},"spectra_custom_meta":{"_edit_lock":["1674553549:86"],"_edit_last":["86"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["60"],"_yoast_wpseo_primary_docs_category":["1995"],"_wp_old_slug":["create-a-header-with-header-builder"],"_yoast_wpseo_estimated-reading-time-minutes":["4"],"_oembed_34379ce05230a363677e96da454827d9":["{{unknown}}"],"_oembed_time_34379ce05230a363677e96da454827d9":["1662122237"],"_oembed_a61f645ef9b6ea257d42e82cf2570aad":["<iframe title=\"Astra 3.0 - Header Footer Builder Walkthrough\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/blvToYnfa18?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_a61f645ef9b6ea257d42e82cf2570aad":["1614925711"],"_ht_kb_post_views_count":["21"],"_ht_kb_usefulness":["1"],"_ht_article_order_1995":["70152"],"wp_last_modified_info":["January 24, 2023 @ 3:15 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_oembed_a1f3b121042f921f62fbbe510042815e":["<iframe title=\"Header Footer Builder - Element Positioning\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/3AaR4Zpmmt0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_a1f3b121042f921f62fbbe510042815e":["1652428463"],"_oembed_b16bb915c16fd26238ef51cad2732bb0":["<iframe title=\"Header Footer Builder - Element Positioning\" width=\"1200\" height=\"900\" src=\"https:\/\/www.youtube.com\/embed\/3AaR4Zpmmt0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_b16bb915c16fd26238ef51cad2732bb0":["1625725600"],"views":["15893"],"helpful":["12"],"unhelpful":["49"],"redirects":["37"],"rank_math_primary_docs_category":["1995"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["523"],"rank_math_internal_links_processed":["1"],"rank_math_schema_VideoObject":["a:12:{s:5:\"@type\";s:11:\"VideoObject\";s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-62159f5121866\";s:9:\"isPrimary\";b:1;s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";b:1;}s:4:\"name\";s:45:\"Astra 3.0 - Header Footer Builder Walkthrough\";s:11:\"description\";s:176:\"Don&#39;t forget to watch these videos as well \ud83d\udc47\ud83c\udffcSticky Header in Astra Theme \ud83d\udc49\ud83c\udffc https:\/\/youtu.be\/gVsQJAniUfATransparent Header in Astra Theme \ud83d\udc49\ud83c\udffc https:\/\/y...\";s:10:\"uploadDate\";s:10:\"2021-01-13\";s:12:\"thumbnailUrl\";s:78:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/02\/maxresdefault-4.jpg\";s:8:\"embedUrl\";s:41:\"https:\/\/www.youtube.com\/embed\/blvToYnfa18\";s:10:\"contentUrl\";s:0:\"\";s:8:\"duration\";s:8:\"PT21M38S\";s:5:\"width\";s:4:\"1280\";s:6:\"height\";s:3:\"720\";s:16:\"isFamilyFriendly\";b:1;}","a:12:{s:5:\"@type\";s:11:\"VideoObject\";s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-62159f512186d\";s:9:\"isPrimary\";b:0;s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";b:1;}s:4:\"name\";s:43:\"Header Footer Builder - Element Positioning\";s:11:\"description\";s:17:\"%seo_description%\";s:10:\"uploadDate\";s:10:\"2021-07-07\";s:12:\"thumbnailUrl\";s:72:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/02\/hqdefault.jpg\";s:8:\"embedUrl\";s:41:\"https:\/\/www.youtube.com\/embed\/3AaR4Zpmmt0\";s:10:\"contentUrl\";s:0:\"\";s:8:\"duration\";s:7:\"PT0M17S\";s:5:\"width\";s:3:\"960\";s:6:\"height\";s:3:\"720\";s:16:\"isFamilyFriendly\";b:1;}","a:12:{s:5:\"@type\";s:11:\"VideoObject\";s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-62159f5121870\";s:9:\"isPrimary\";b:0;s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";b:1;}s:4:\"name\";s:50:\"Transparent Headers in Astra Header Footer Builder\";s:11:\"description\";s:176:\"Don&#39;t forget to watch these videos as well \ud83d\udc47\ud83c\udffcAstra Header Footer Builder Walkthrough \ud83d\udc49\ud83c\udffc  https:\/\/youtu.be\/blvToYnfa18Sticky Header in Astra Theme \ud83d\udc49\ud83c\udffc ht...\";s:10:\"uploadDate\";s:10:\"2021-01-13\";s:12:\"thumbnailUrl\";s:78:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/02\/maxresdefault-5.jpg\";s:8:\"embedUrl\";s:41:\"https:\/\/www.youtube.com\/embed\/Ds77qOjJzk4\";s:10:\"contentUrl\";s:0:\"\";s:8:\"duration\";s:8:\"PT14M23S\";s:5:\"width\";s:4:\"1280\";s:6:\"height\";s:3:\"720\";s:16:\"isFamilyFriendly\";b:1;}","a:12:{s:5:\"@type\";s:11:\"VideoObject\";s:8:\"metadata\";a:8:{s:5:\"title\";s:5:\"Video\";s:4:\"type\";s:8:\"template\";s:9:\"shortcode\";s:15:\"s-627e0ef4d68db\";s:9:\"isPrimary\";b:1;s:23:\"reviewLocationShortcode\";s:24:\"[rank_math_rich_snippet]\";s:8:\"category\";s:12:\"%categories%\";s:4:\"tags\";s:6:\"%tags%\";s:15:\"isAutoGenerated\";b:1;}s:4:\"name\";s:43:\"Header Footer Builder   Element Positioning\";s:11:\"description\";s:17:\"%seo_description%\";s:10:\"uploadDate\";s:10:\"2022-05-12\";s:12:\"thumbnailUrl\";s:79:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2022\/05\/maxresdefault-42.jpg\";s:8:\"embedUrl\";s:41:\"https:\/\/www.youtube.com\/embed\/wWJtv4m2YHI\";s:10:\"contentUrl\";s:0:\"\";s:8:\"duration\";s:7:\"PT0M17S\";s:5:\"width\";s:3:\"960\";s:6:\"height\";s:3:\"720\";s:16:\"isFamilyFriendly\";b:1;}"],"rank_math_seo_score":["20"],"_oembed_7857ffb920eb98c625ccba16ee30178f":["{{unknown}}"],"_oembed_time_7857ffb920eb98c625ccba16ee30178f":["1662122238"],"_oembed_1013bc09f15c357a122cedea2a8faa3c":["<iframe title=\"Header Footer Builder   Element Positioning\" width=\"1200\" height=\"900\" src=\"https:\/\/www.youtube.com\/embed\/wWJtv4m2YHI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_1013bc09f15c357a122cedea2a8faa3c":["1652428534"],"_wplmi_last_modified":["2023-01-24 15:15:48"],"pfd_related_docs":["a:6:{i:0;s:7:\"  89779\";i:1;s:7:\"  70068\";i:2;s:7:\"  68721\";i:3;s:7:\"  70286\";i:4;s:7:\"  95107\";i:5;s:6:\" 78300\";}"],"pfd_manual_related_docs":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"17b2bf3715fa18e7f62698a10fec1b42\";s:6:\"images\";a:1:{i:0;i:144880;}}"],"_trp_automatically_translated_slug_es_ES":["crear-cabecera-con-header-builder"],"_oembed_e20d2b0e90a68845ba72b07add5fdf27":["<iframe title=\"Astra 3.0 - Header Footer Builder Walkthrough\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/blvToYnfa18?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>"],"_oembed_time_e20d2b0e90a68845ba72b07add5fdf27":["1718205656"],"_oembed_656d6dec72fd2681d53e9a49be663209":["<iframe title=\"Header Footer Builder   Element Positioning\" width=\"500\" height=\"375\" src=\"https:\/\/www.youtube.com\/embed\/wWJtv4m2YHI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>"],"_oembed_time_656d6dec72fd2681d53e9a49be663209":["1718205656"],"_uag_page_assets":["a:9:{s:3:\"css\";s:10604:\" .uagb-block-53ba97c7.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-53ba97c7 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;background-color: #fff8e1;border: 2px solid #fdf4c9;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;} .uagb-block-53ba97c7.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;top: 15px;} .uagb-block-53ba97c7.uagb-dismissable > svg{width: 16px;height: 16px;top: 15px;} .uagb-block-53ba97c7.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-53ba97c7.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-53ba97c7.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-53ba97c7.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-53ba97c7 .uagb-notice-title{background-color: #fdf4c9;border-top-right-radius: 3px;border-top-left-radius: 3px;} .uagb-block-53ba97c7.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;} .uagb-block-c261081b.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-c261081b .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;border: 2px solid #FFD54F;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;} .uagb-block-c261081b.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;top: 15px;} .uagb-block-c261081b.uagb-dismissable > svg{width: 16px;height: 16px;top: 15px;} .uagb-block-c261081b.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-c261081b.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-c261081b.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-c261081b.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-c261081b .uagb-notice-title{background-color: #FFD54F;border-top-right-radius: 3px;border-top-left-radius: 3px;} .uagb-block-c261081b.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;} .uagb-block-323b16c4.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-323b16c4 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;border: 2px solid #FFD54F;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;} .uagb-block-323b16c4.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;top: 15px;} .uagb-block-323b16c4.uagb-dismissable > svg{width: 16px;height: 16px;top: 15px;} .uagb-block-323b16c4.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-323b16c4.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-323b16c4.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-323b16c4.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-323b16c4 .uagb-notice-title{background-color: #FFD54F;border-top-right-radius: 3px;border-top-left-radius: 3px;} .uagb-block-323b16c4.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}@media only screen and (max-width: 976px) { .uagb-block-53ba97c7 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-53ba97c7 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-53ba97c7.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-53ba97c7.uagb-dismissable > svg{top: 15px;} .uagb-block-53ba97c7.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-53ba97c7.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-53ba97c7.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-53ba97c7.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-53ba97c7.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;} .uagb-block-c261081b .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-c261081b .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-c261081b.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-c261081b.uagb-dismissable > svg{top: 15px;} .uagb-block-c261081b.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-c261081b.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-c261081b.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-c261081b.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-c261081b.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;} .uagb-block-323b16c4 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-323b16c4 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-323b16c4.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-323b16c4.uagb-dismissable > svg{top: 15px;} .uagb-block-323b16c4.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-323b16c4.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-323b16c4.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-323b16c4.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-323b16c4.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}}@media only screen and (max-width: 767px) { .uagb-block-53ba97c7 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-53ba97c7 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-53ba97c7.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-53ba97c7.uagb-dismissable > svg{top: 15px;} .uagb-block-53ba97c7.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-53ba97c7.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-53ba97c7.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-53ba97c7.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-53ba97c7.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;} .uagb-block-c261081b .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-c261081b .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-c261081b.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-c261081b.uagb-dismissable > svg{top: 15px;} .uagb-block-c261081b.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-c261081b.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-c261081b.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-c261081b.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-c261081b.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;} .uagb-block-323b16c4 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-323b16c4 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-323b16c4.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-323b16c4.uagb-dismissable > svg{top: 15px;} .uagb-block-323b16c4.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-323b16c4.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-323b16c4.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-323b16c4.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-323b16c4.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-debf2792 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 0px;column-gap: 0px;}.wp-block-uagb-container.uagb-block-debf2792{box-shadow: 0px 0px   #00000070 ;padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;border-color: inherit;row-gap: 0px;column-gap: 0px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-debf2792{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-debf2792 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-debf2792{padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px;margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;}}\";s:2:\"js\";s:689:\"document.addEventListener(\"DOMContentLoaded\", function(){ window.addEventListener( 'DOMContentLoaded', function() {\n\tUAGBInlineNotice.init( {\"c_id\":null,\"cookies\":false,\"close_cookie_days\":1,\"noticeDismiss\":\"\",\"icon\":\"rectangle-xmark\"}, '.uagb-block-53ba97c7' );\n});\nwindow.addEventListener( 'DOMContentLoaded', function() {\n\tUAGBInlineNotice.init( {\"c_id\":null,\"cookies\":false,\"close_cookie_days\":1,\"noticeDismiss\":\"\",\"icon\":\"rectangle-xmark\"}, '.uagb-block-c261081b' );\n});\nwindow.addEventListener( 'DOMContentLoaded', function() {\n\tUAGBInlineNotice.init( {\"c_id\":null,\"cookies\":false,\"close_cookie_days\":1,\"noticeDismiss\":\"\",\"icon\":\"rectangle-xmark\"}, '.uagb-block-323b16c4' );\n});\n });\";s:18:\"current_block_list\";a:10:{i:0;s:14:\"core\/paragraph\";i:1;s:10:\"core\/embed\";i:2;s:12:\"core\/heading\";i:3;s:10:\"core\/image\";i:4;s:9:\"core\/list\";i:5;s:14:\"core\/list-item\";i:6;s:18:\"uagb\/inline-notice\";i:7;s:21:\"presto-player\/youtube\";i:8;s:14:\"uagb\/container\";i:9;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1781762938\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"Anjali","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/anjalic\/"},"uagb_comment_info":0,"uagb_excerpt":"Astra Header Footer Builder is the new and advanced way to design a creative header\/footer in Astra. The Header Footer Builder feature has been released in Astra 3.0.0 version. This article will help get you started and to understand all available options with Astra Header Footer Builder. Before starting you can read FAQs about Header&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/70152"}],"collection":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=70152"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/70152\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=70152"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=70152"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=70152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}