{"id":143487,"date":"2023-03-27T08:34:40","date_gmt":"2023-03-27T03:04:40","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=143487"},"modified":"2023-03-27T08:34:41","modified_gmt":"2023-03-27T03:04:41","slug":"mobile-header-with-above-below-header-old-astra-header","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/mobile-header-with-above-below-header-old-astra-header\/","title":{"rendered":"Cabecera m\u00f3vil con cabecera superior\/inferior (antigua cabecera Astra)"},"content":{"rendered":"<p><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/mobile-header-with-astra\/\">Complemento de cabecera m\u00f3vil<\/a> est\u00e1 disponible a partir de la versi\u00f3n 1.4.0 de Astra Pro.<\/p>\n\n\n\n<p>Se trata de una funci\u00f3n premium disponible con el <strong>Astra Pro<\/strong>&nbsp;<strong>Complemento<\/strong>&nbsp;plugin. Para utilizar estas funciones Pro, debe disponer de la licencia <a href=\"https:\/\/wordpress.org\/themes\/astra\/\">Tema Astra<\/a> junto con el Addon Astra Pro instalado en su sitio web. <\/p>\n\n\n\n<p>Adem\u00e1s, este addon a\u00f1ade m\u00e1s funciones al <strong>Cabecera superior<\/strong> y <strong>Cabecera inferior.<\/strong> <\/p>\n\n\n\n<div class=\"wp-block-uagb-inline-notice uagb-inline_notice__align-left uagb-block-3d3ff5c5 uagb-inline_notice__outer-wrap\"><h4 class=\"uagb-notice-title\">Nota:<\/h4><div class=\"uagb-notice-text\"><p>Recientemente hemos publicado el <strong>Cabecera Pie de p\u00e1gina<\/strong> en Astra versi\u00f3n 3.0.0, debido a lo cual encontrar\u00e1 algunos cambios nuevos. Consulte lo siguiente <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/create-mobile-header-with-header-builder\/\">art\u00edculo <\/a>para el mismo.<\/p><\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Si est\u00e1 por debajo de la versi\u00f3n 3.0.0 de Astra theme\/ Astra Addon<\/strong> - Tendr\u00eda que activar&nbsp;<strong>Cabecera m\u00f3vil<\/strong> y<strong> Secciones de cabecera<\/strong> complementos de&nbsp;<strong>Apariencia &gt; Opciones Astra.<\/strong><\/p>\n\n\n\n<p>Los ajustes se encuentran en <strong>Apariencia &gt; Personalizar &gt; Encabezado &gt; Men\u00fa m\u00f3vil&gt;Off-Canvas<\/strong> <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/ast_mobile_header-1.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"429\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/ast_mobile_header-1-1024x429.png\" alt=\"Astra Mobile header\" class=\"wp-image-143484\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/ast_mobile_header-1-1024x429.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/ast_mobile_header-1-300x126.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/ast_mobile_header-1-768x322.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/ast_mobile_header-1.png 1363w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Bloque general<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><strong>Tipo de cabecera:<\/strong> <\/strong>Elija el estilo de men\u00fa (desplegable, desplegable o pantalla completa), a\u00f1ada una etiqueta de men\u00fa y defina el color y el estilo del bot\u00f3n de alternancia.<\/li>\n\n\n\n<li><strong style=\"font-size: 16px;\">Cargo: <\/strong>Puede cambiar la posici\u00f3n a la izquierda o a la derecha de su sitio web para mostrar el men\u00fa de alternancia.\n<ul class=\"wp-block-list\">\n<li><\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Anchura emergente %<\/strong>: Esta opci\u00f3n le permitir\u00e1 controlar el ancho del men\u00fa m\u00f3vil en su sitio web. <\/li>\n\n\n\n<li><strong>Disposici\u00f3n:<\/strong> Alineaci\u00f3n de cabecera m\u00f3vil: permite mostrar la secci\u00f3n de cabecera superior\/inferior en l\u00ednea o apilada en dispositivos m\u00f3viles.<\/li>\n\n\n\n<li><strong>Objetivo desplegable:<\/strong> Puedes elegir c\u00f3mo aparecer\u00e1 el desplegable en tu sitio m\u00f3vil, como un icono o simplemente como un enlace.<\/li>\n\n\n\n<li><strong>Alineaci\u00f3n de contenidos<\/strong>: Esta opci\u00f3n le permite controlar la alineaci\u00f3n de los elementos del men\u00fa dentro del desplegable. Puede elegir entre izquierda, derecha y centro.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/ast_mobile_header.png\"><img decoding=\"async\" width=\"243\" height=\"595\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/ast_mobile_header.png\" alt=\"Astra off canvas menu settings\" class=\"wp-image-143485\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/ast_mobile_header.png 243w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/01\/ast_mobile_header-123x300.png 123w\" sizes=\"(max-width: 243px) 100vw, 243px\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Bloque de dise\u00f1o<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Fondo<\/strong>: Esta opci\u00f3n le permite elegir el color de fondo del men\u00fa desplegable.<\/li>\n\n\n\n<li><strong>Cerrar icono Color:<\/strong> Puede elegir un color personalizado para el bot\u00f3n de cierre de su men\u00fa de alternancia.<\/li>\n\n\n\n<li><strong>Distancia entre elementos interiores:<\/strong> A\u00f1ada espaciado a la cabecera m\u00f3vil, al men\u00fa y al submen\u00fa utilizando esta funci\u00f3n.<\/li>\n\n\n\n<li><strong>Relleno emergente<\/strong>: Le permite a\u00f1adir relleno alrededor de los elementos del men\u00fa desplegable.<\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Mobile Header addon is available with Astra Pro version 1.4.0 and above. This is a premium feature available with\u00a0the Astra Pro\u00a0Addon\u00a0plugin. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website. Also, this addon adds more features to the Above Header and Below [\u2026]<\/p>","protected":false},"author":86,"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":[172],"docs_tag":[],"class_list":{"0":"post-143487","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-mobile-header"},"spectra_custom_meta":{"rank_math_internal_links_processed":["1","1"],"wp_last_modified_info":["March 27, 2023 @ 8:34 AM","March 27, 2023 @ 8:34 AM"],"wplmi_shortcode":["[lmt-post-modified-info]","[lmt-post-modified-info]"],"_yoast_wpseo_primary_docs_category":["172"],"_wp_old_slug":[""],"_wp_page_template":["default"],"onesignal_meta_box_present":["1"],"onesignal_send_notification":[""],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["30"],"wpil_sync_report3":["1"],"wpil_links_inbound_internal_count":["2"],"wpil_links_inbound_internal_count_data":["a:2:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:63:\"https:\/\/wpastra.com\/docs\/mobile-header-with-above-below-header\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"25916\";s:5:\"title\";s:20:\"Above Header Section\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:9572:\"<!-- wp:paragraph -->\n<p>This is a premium feature available with <strong>Astra Pro Addon<\/strong> plugin. To use these Pro features, you need to have the <a href=\"https:\/\/wordpress.org\/themes\/astra\/\">Astra theme<\/a> along with the Astra Pro Addon installed on your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>It appears above the primary header. It helps to show a call to action button, contact details, social media icons, menu, etc. Make sure you have activated&nbsp;<a href=\"https:\/\/wpastra.com\/docs\/header-sections-pro\/\">Header Sections<\/a> module from Astra Pro.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Above Header Layout<br><\/strong>Astra provides two layouts for Above Header.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Above Header Layout 1<br><\/strong>It will display section 1 to the left side and section 2 to the right side.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39478,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-1st-layout.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-1st-layout.png\" alt=\"\" class=\"wp-image-39478\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Above Header Layout 2<br><\/strong>It will allow you to display only one section at the center of the above header.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39475,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-2nd-layout.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-2nd-layout.png\" alt=\"\" class=\"wp-image-39475\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Section 1 and Section 2<\/strong><br>You can put content into two different sections in above header. You can choose options for each section from drop down.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Menu<br><\/strong>You can display menu in the above header with this option.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39472,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-menu-section.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-menu-section.png\" alt=\"\" class=\"wp-image-39472\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>You would need to create a menu under <strong>Appearance &gt; Customize &gt; Menus &gt; Create a new menu<\/strong> and assign it to above header menu.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39469,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-menu-allocate.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-menu-allocate.png\" alt=\"\" class=\"wp-image-39469\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Search<br><\/strong>It will add a search icon for a search box. When you click on the icon, the search box will appear.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39463,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-search-section.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-search-section.png\" alt=\"\" class=\"wp-image-39463\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Text \/ HTML<br><\/strong>It will allow you to insert text and HTML code. You can insert a call to action button, contact number, email address etc.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39460,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-text-section.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-text-section.png\" alt=\"\" class=\"wp-image-39460\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Widget<br><\/strong>You can add a widget to the above header with this option.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39447,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-widget-section.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-widget-section.png\" alt=\"\" class=\"wp-image-39447\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>After selecting the widget option, you will able to set a widget from:<br><strong>Appearance &gt; Customize &gt; Widgets<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39427,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-widget-set.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-widget-set.png\" alt=\"\" class=\"wp-image-39427\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Choose any Wordpress default widget or you can use any third party plugin to add a widget to the list.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Above Header Bottom Border Width and Color<br><\/strong>You can set a bottom border for an above header with this option. Set a border width and then set a color for it.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39445,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-border-setting.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-border-setting-1024x678.png\" alt=\"\" class=\"wp-image-39445\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Above Header Height<br><\/strong>You can easily set height for the above header with a slider.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39443,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-height-setting.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-height-setting.png\" alt=\"\" class=\"wp-image-39443\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Mobile Header Alignment<br><\/strong>It allows you to set the alignment of section 1 and section 2 on mobile devices. You can choose it to be Inline or Stack.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Menu Label on Small Devices<br><\/strong>If you have selected a menu to be displayed in section 1\/ section 2, it will appear as a hamburger menu on mobile devices. You can set a label for this menu.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39433,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-menu-label.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-menu-label.png\" alt=\"\" class=\"wp-image-39433\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><strong>Merge menu with primary<\/strong> <strong>menu in responsive<br><\/strong>This allows you to merge your above header menu (set with section 1\/ section 2) into a primary header on the mobile device.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39435,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-merged-menu.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-merged-menu.png\" alt=\"\" class=\"wp-image-39435\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4>Colors &amp; Background options for Above Header<\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can set background and content color for Above Header from <strong>Appearance &gt; Customize &gt;Header &gt; Above Header<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39438,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-color-settings.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-color-settings.png\" alt=\"\" class=\"wp-image-39438\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><br>You can set the following colors from available settings<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Background Color<\/li><li>Content Section\n<ul>\n<li>Text Color<\/li>\n<li>Link Color<\/li>\n<li>Link Hover Color<\/li>\n<\/ul>\n<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:paragraph -->\n<p>Related Document -<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><a rel=\"noopener noreferrer\" href=\"https:\/\/wpastra.com\/docs\/mobile-header-with-above-below-header\/\" target=\"_blank\">Mobile Header with Above\/Below Header<\/a><\/li><\/ul>\n<!-- \/wp:list -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:46:\"https:\/\/wpastra.com\/docs\/above-header-section\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=25916\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=25916\";}}s:6:\"anchor\";s:37:\"Mobile Header with Above\/Below Header\";s:15:\"added_by_plugin\";b:0;}i:1;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:63:\"https:\/\/wpastra.com\/docs\/mobile-header-with-above-below-header\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:4:\"post\";O:15:\"Wpil_Model_Post\":5:{s:2:\"id\";s:5:\"25917\";s:5:\"title\";s:20:\"Below Header Section\";s:4:\"type\";s:4:\"post\";s:7:\"content\";s:10935:\"<!-- wp:paragraph -->\n<p>This is a premium feature available with <strong>Astra Pro Addon<\/strong> plugin. To use these Pro features, you need to have the <a href=\"https:\/\/wordpress.org\/themes\/astra\">Astra theme<\/a> along with the Astra Pro Addon installed on your website.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>The Below Header Section will appear below the primary header. It helps to show a call to action button, contact details, social media icons, menu etc. Make sure you have activated\u00a0<a href=\"https:\/\/wpastra.com\/docs\/header-sections-pro\/\">Header Sections<\/a> module from Astra Pro.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Below Header Layout<\/strong><br>Astra provides two layouts for Below Header.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Below Header Layout 1<br><\/strong>It will display section 1 to the left side and section 2 to the right side.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39609,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-2nd-layout.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-2nd-layout.png\" alt=\"\" class=\"wp-image-39609\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Below Header Layout 2<br><\/strong>It will allow you to display only one section at the center of the below header.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39368,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-layout-2.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-layout-2.png\" alt=\"\" class=\"wp-image-39368\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Section 1 and Section 2<br><\/strong>You can put content into two different sections in below header. You can choose options for each section form drop down.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Let\u2019s have a look.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Menu<br><\/strong>You can display menu in the below header with this option.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39373,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-menu-assign.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-menu-assign.png\" alt=\"\" class=\"wp-image-39373\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You would need to create a menu under <strong>Appearance > Customize > Menus > Create a new menu<\/strong> and assign it to below header menu.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39375,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-set-menu.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-set-menu.png\" alt=\"\" class=\"wp-image-39375\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Search<br><\/strong>It will add a search icon for a search box. When you click on the icon, the search box will appear.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39607,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-slide-search.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-slide-search.png\" alt=\"\" class=\"wp-image-39607\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Text \/ HTML<br><\/strong>It will allow you to insert text and HTML code. You can insert a call to action button, contact number, email address etc.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39383,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-text-assign.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-text-assign.png\" alt=\"\" class=\"wp-image-39383\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Widget<br><\/strong>You can add a widget to the below header with this option.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39387,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-widget-assign.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-widget-assign-1024x640.png\" alt=\"\" class=\"wp-image-39387\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>After selecting the widget option, you will able to set a widget from<strong> Appearance > Customize > Widgets.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39388,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-set-widget.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-set-widget.png\" alt=\"\" class=\"wp-image-39388\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>Choose any Wordpress default widget or you can use any third party plugin to add a widget to the list.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Below Header Bottom Border Width and Color<br><\/strong>You can set a bottom border for a below header with this option. Set a border width and then set a color for it.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39396,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-bottom-border.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-bottom-border.png\" alt=\"\" class=\"wp-image-39396\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Below Header Height<\/strong><br>You can easily set height for the below header with a slider.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39398,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-height.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-height.png\" alt=\"\" class=\"wp-image-39398\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Mobile Header Alignment<\/strong><br>It allows you to set the alignment of section 1 and section 2 on mobile devices.<br>You can choose it to be Inline or Stack.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Menu Label on Small Devices<\/strong><br>If you have selected a menu to be displayed in section 1\/ section 2, it will appear as a hamburger menu on mobile devices. You can set a label for this menu.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39400,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-mobile-name.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-mobile-name.png\" alt=\"\" class=\"wp-image-39400\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p><strong>Merge menu with primary menu in responsive<\/strong><br>This allows you to merge your above header menu (set with section 1\/ section 2) into a primary header on the mobile device.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39402,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-merge-menu.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-merge-menu.png\" alt=\"\" class=\"wp-image-39402\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4><strong>Colors &amp; Background options for Below Header<\/strong><\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:image {\"id\":39404,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-bg-color.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-bg-color.png\" alt=\"\" class=\"wp-image-39404\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can set background and content color for Below Header from <strong>Appearance > Customize > Header > Below Header<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:paragraph -->\n<p>You can set following colors from available settings<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li>Background Color<\/li><li>Content Section\n<ul>\n<li>Text Color<\/li>\n<li>Link Color<\/li>\n<li>Link Hover Color<\/li>\n<\/ul>\n<\/li><\/ul>\n<!-- \/wp:list -->\n\n<!-- wp:heading {\"level\":4} -->\n<h4><strong>Typography Options for Below Header<\/strong><\/h4>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph -->\n<p>You can set typography for Below Header from <strong>Appearance > Header > Below Header.<\/strong><\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:image {\"id\":39406,\"align\":\"center\",\"linkDestination\":\"media\"} -->\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><a href=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-typography.png\"><img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-below-header-typography.png\" alt=\"\" class=\"wp-image-39406\"\/><\/a><\/figure><\/div>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph -->\n<p>Related Document \u2013<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:list -->\n<ul><li><a rel=\"noopener noreferrer\" href=\"https:\/\/wpastra.com\/docs\/mobile-header-with-above-below-header\/\" target=\"_blank\">Mobile Header with Above\/Below Header<\/a><\/li><\/ul>\n<!-- \/wp:list -->\";s:5:\"links\";O:8:\"stdClass\":4:{s:4:\"view\";s:46:\"https:\/\/wpastra.com\/docs\/below-header-section\/\";s:4:\"edit\";N;s:6:\"export\";s:68:\"https:\/\/wpastra.com\/wp-admin\/post.php?area=wpil_export&post_id=25917\";s:7:\"refresh\";s:99:\"https:\/\/wpastra.com\/wp-admin\/admin.php?page=link_whisper&type=post_links_count_update&post_id=25917\";}}s:6:\"anchor\";s:37:\"Mobile Header with Above\/Below Header\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_links_outbound_internal_count":["0"],"wpil_links_outbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_external_count":["4"],"wpil_links_outbound_external_count_data":["a:4:{i:0;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:50:\"https:\/\/wpastra.com\/docs\/mobile-header-with-astra\/\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:19:\"Mobile Header addon\";s:15:\"added_by_plugin\";b:0;}i:1;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:34:\"https:\/\/wordpress.org\/themes\/astra\";s:4:\"host\";s:13:\"wordpress.org\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:1:\" \";s:15:\"added_by_plugin\";b:0;}i:2;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:35:\"https:\/\/wordpress.org\/themes\/astra\/\";s:4:\"host\";s:13:\"wordpress.org\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:11:\"Astra theme\";s:15:\"added_by_plugin\";b:0;}i:3;O:15:\"Wpil_Model_Link\":6:{s:3:\"url\";s:83:\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-mobile-layout.png\";s:4:\"host\";s:11:\"wpastra.com\";s:8:\"internal\";b:0;s:4:\"post\";N;s:6:\"anchor\";s:126:\"<img src=\"https:\/\/wpastra.com\/wp-content\/uploads\/2019\/08\/ast-2-above-header-mobile-layout.png\" alt=\"\" class=\"wp-image-39225\"\/>\";s:15:\"added_by_plugin\";b:0;}}"],"wpil_sync_report2_time":["2019-10-18T13:03:22+00:00"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_ppc_meta_key":["a:8:{s:20:\"ppc_key5d92f85d42273\";s:60:\"Images &amp; Names Correctly. Title &amp; Alt Tags are Given\";s:8:\"ppc_key4\";s:15:\"Formatting Done\";s:8:\"ppc_key2\";s:23:\"Featured Image Assigned\";s:8:\"ppc_key3\";s:17:\"Category Selected\";s:8:\"ppc_key5\";s:15:\"Title is Catchy\";s:8:\"ppc_key6\";s:22:\"Social Images Assigned\";s:8:\"ppc_key7\";s:8:\"Done SEO\";s:8:\"ppc_key8\";s:28:\"Spelling and Grammar Checked\";}"],"_yoast_wpseo_title":["How to Use Mobile Header with Above and Below Headers in Astra?"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"_ht_kb_post_views_count":["20"],"_ht_kb_usefulness":["0"],"_ht_article_order_172":["28466"],"views":["4334"],"helpful":["2"],"unhelpful":["7"],"redirects":["5"],"rank_math_primary_docs_category":["172"],"rank_math_title":["How to Use Mobile Header with Above and Below Headers in Astra?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["2400"],"_wplmi_last_modified":["2023-03-27 08:34:41"],"rank_math_seo_score":["17"],"_dp_original":["28466"],"_edit_lock":["1679886282:86"],"_wp_old_date":["2023-01-02"],"_edit_last":["86"],"pfd_related_docs":[""],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"6950257686d8d462da4af5a94755d112\";s:6:\"images\";a:1:{i:0;i:143484;}}"],"_trp_automatically_translated_slug_es_ES":["cabecera-movil-con-cabecera-arriba-abajo-antigua-cabecera-astra"],"_uag_page_assets":["a:9:{s:3:\"css\";s:5248:\" .uagb-block-3d3ff5c5.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-3d3ff5c5 .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-3d3ff5c5.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;top: 15px;} .uagb-block-3d3ff5c5.uagb-dismissable > svg{width: 16px;height: 16px;top: 15px;} .uagb-block-3d3ff5c5.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-3d3ff5c5.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-3d3ff5c5.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-3d3ff5c5.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-3d3ff5c5 .uagb-notice-title{background-color: #FFD54F;border-top-right-radius: 3px;border-top-left-radius: 3px;} .uagb-block-3d3ff5c5.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}@media only screen and (max-width: 976px) { .uagb-block-3d3ff5c5 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-3d3ff5c5 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-3d3ff5c5.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-3d3ff5c5.uagb-dismissable > svg{top: 15px;} .uagb-block-3d3ff5c5.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-3d3ff5c5.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-3d3ff5c5.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-3d3ff5c5.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-3d3ff5c5.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}}@media only screen and (max-width: 767px) { .uagb-block-3d3ff5c5 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-3d3ff5c5 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-3d3ff5c5.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-3d3ff5c5.uagb-dismissable > svg{top: 15px;} .uagb-block-3d3ff5c5.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-3d3ff5c5.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-3d3ff5c5.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-3d3ff5c5.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-3d3ff5c5.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:271:\"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-3d3ff5c5' );\n});\n });\";s:18:\"current_block_list\";a:8:{i:0;s:14:\"core\/paragraph\";i:1;s:18:\"uagb\/inline-notice\";i:2;s:10:\"core\/image\";i:3;s:12:\"core\/heading\";i:4;s:9:\"core\/list\";i:5;s:14:\"core\/list-item\";i:6;s:14:\"uagb\/container\";i:7;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776688541\";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":"Arindam","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/arindamm\/"},"uagb_comment_info":0,"uagb_excerpt":"Mobile Header addon is available with Astra Pro version 1.4.0 and above. This is a premium feature available with&nbsp;the Astra Pro&nbsp;Addon&nbsp;plugin. To use these Pro features, you need to have the Astra theme along with the Astra Pro Addon installed on your website. Also, this addon adds more features to the Above Header and Below&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/143487"}],"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\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=143487"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/143487\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=143487"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=143487"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=143487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}