{"id":28466,"date":"2018-07-12T00:00:00","date_gmt":"2018-07-11T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=28466"},"modified":"2023-01-02T12:19:36","modified_gmt":"2023-01-02T06:49:36","slug":"mobile-header-with-above-below-header","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/mobile-header-with-above-below-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-8d74c38e 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; Cabecera &gt; Cabecera superior\/inferior &gt; CABECERA M\u00d3VIL.<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Visualizaci\u00f3n en dispositivos m\u00f3viles: <\/strong>Esta configuraci\u00f3n le permite elegir si desea mostrar las secciones de cabecera por encima\/por debajo en m\u00f3viles o no.<\/li>\n\n\n\n<li><strong style=\"font-size: 16px;\">Men\u00fa Combinar en dispositivos m\u00f3viles: <\/strong>Si se selecciona Men\u00fa para ambas\/alguna de las secciones en la cabecera superior\/inferior, esta opci\u00f3n es \u00fatil. Permite elegir si fusionar el men\u00fa superior\/inferior de la cabecera con el men\u00fa principal en m\u00f3viles.\n<ul class=\"wp-block-list\">\n<li>Si lo selecciona para fusionar, el men\u00fa de cabecera superior\/inferior aparecer\u00e1 dentro del bot\u00f3n de alternancia de la cabecera principal.<\/li>\n\n\n\n<li>Si no desea que se fusione, en los m\u00f3viles aparecer\u00e1 un conmutador independiente para el men\u00fa de cabecera superior\/inferior.<\/li>\n\n\n\n<li>Esto permite establecer el dise\u00f1o diferente para el men\u00fa de cabecera superior\/inferior y el men\u00fa de cabecera principal. <\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Intercambia secciones en dispositivos m\u00f3viles:<\/strong> Alterar\u00e1 las secciones de la cabecera superior\/inferior en m\u00f3viles. Al activarlo se intercambiar\u00e1n la secci\u00f3n 1 y la secci\u00f3n 2. <\/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>Estilizaci\u00f3n del men\u00fa de cabecera m\u00f3vil:<\/strong> Elija el estilo del men\u00fa (desplegable, desplegable o pantalla completa), a\u00f1ada la etiqueta del men\u00fa y defina el color y el estilo del bot\u00f3n de alternancia.<\/li>\n\n\n\n<li><strong>Colores:<\/strong> Puede establecer colores para el borde de los elementos de men\u00fa, el fondo de la cabecera y los enlaces y el fondo de los men\u00fas y submen\u00fas.<\/li>\n\n\n\n<li><strong>Tipograf\u00eda:<\/strong> Elija el estilo de letra de los men\u00fas y submen\u00fas.<\/li>\n\n\n\n<li><strong>Espaciado:<\/strong> A\u00f1adir espaciado a la cabecera m\u00f3vil, men\u00fa y submen\u00fa<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"305\" height=\"715\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-3-3-mobile-above-below-header.png\" alt=\"Astra Pro - Mobile Above\/Below Header, Astra 3.0+\" class=\"wp-image-86410\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-3-3-mobile-above-below-header.png 305w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/04\/ast-3-3-mobile-above-below-header-128x300.png 128w\" sizes=\"(max-width: 305px) 100vw, 305px\" \/><\/figure>","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":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":[172],"docs_tag":[],"class_list":{"0":"post-28466","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-mobile-header"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["172"],"_wp_old_slug":[""],"_wp_page_template":["default"],"_edit_lock":["1672642177:86"],"_edit_last":["86"],"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"],"wp_last_modified_info":["January 2, 2023 @ 12:19 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_ht_kb_post_views_count":["20"],"_ht_kb_usefulness":["0"],"_ht_article_order_172":["28466"],"views":["4842"],"helpful":["2"],"unhelpful":["8"],"redirects":["7"],"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":["1063"],"rank_math_internal_links_processed":["1"],"_wplmi_last_modified":["2023-01-02 12:19:36"],"rank_math_seo_score":["20"],"pfd_related_docs":[""],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"8e52f3cb70923648a8ee2cf2a7793048\";s:6:\"images\";a:1:{i:0;i:86410;}}"],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["cabecera-movil-con-cabecera-arriba-abajo"],"_uag_page_assets":["a:9:{s:3:\"css\";s:5248:\" .uagb-block-8d74c38e.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-8d74c38e .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-8d74c38e.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;top: 15px;} .uagb-block-8d74c38e.uagb-dismissable > svg{width: 16px;height: 16px;top: 15px;} .uagb-block-8d74c38e.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-8d74c38e.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-8d74c38e.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-8d74c38e.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-8d74c38e .uagb-notice-title{background-color: #FFD54F;border-top-right-radius: 3px;border-top-left-radius: 3px;} .uagb-block-8d74c38e.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}@media only screen and (max-width: 976px) { .uagb-block-8d74c38e .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-8d74c38e .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-8d74c38e.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-8d74c38e.uagb-dismissable > svg{top: 15px;} .uagb-block-8d74c38e.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-8d74c38e.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-8d74c38e.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-8d74c38e.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-8d74c38e.uagb-inline_notice__align-right button[type=\"button\"] svg{left: 15px;}}@media only screen and (max-width: 767px) { .uagb-block-8d74c38e .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-8d74c38e .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-8d74c38e.uagb-dismissable button[type=\"button\"] svg{top: 15px;} .uagb-block-8d74c38e.uagb-dismissable > svg{top: 15px;} .uagb-block-8d74c38e.uagb-inline_notice__align-left button[type=\"button\"] svg{right: 15px;} .uagb-block-8d74c38e.uagb-inline_notice__align-left svg{right: 15px;} .uagb-block-8d74c38e.uagb-inline_notice__align-center button[type=\"button\"] svg{right: 15px;} .uagb-block-8d74c38e.uagb-inline_notice__align-center svg{right: 15px;} .uagb-block-8d74c38e.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-8d74c38e' );\n});\n });\";s:18:\"current_block_list\";a:7:{i:0;s:14:\"core\/paragraph\";i:1;s:18:\"uagb\/inline-notice\";i:2;s:9:\"core\/list\";i:3;s:14:\"core\/list-item\";i:4;s:10:\"core\/image\";i:5;s:14:\"uagb\/container\";i:6;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776688408\";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":"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\/28466"}],"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=28466"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/28466\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=28466"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=28466"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=28466"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}