{"id":85006,"date":"2021-04-06T15:10:22","date_gmt":"2021-04-06T09:40:22","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=85006"},"modified":"2021-07-21T18:36:52","modified_gmt":"2021-07-21T13:06:52","slug":"toggle-button-for-desktop","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/toggle-button-for-desktop\/","title":{"rendered":"Bot\u00f3n Toggle para Desktop - Elemento Header Builder"},"content":{"rendered":"<p>El bot\u00f3n de alternar es una forma atractiva de mostrar contenido como men\u00fa, bot\u00f3n, b\u00fasqueda, etc. en la cabecera en la vista de escritorio. Est\u00e1 especialmente dise\u00f1ado para pantallas de escritorio y funciona de forma similar al bot\u00f3n hamburguesa para m\u00f3viles. <\/p>\n\n\n\n<p>Cuando un usuario hace clic en el bot\u00f3n de alternancia, aparece una ventana fuera del lienzo en la pantalla con todo el contenido que has a\u00f1adido dentro.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo 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 src=\"https:\/\/player.vimeo.com\/video\/533523511?dnt=1&amp;app_id=122963\" width=\"500\" height=\"253\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<p>Como necesita un espacio peque\u00f1o en la cabecera, es una forma estupenda de mostrar contenido en la cabecera. <\/p>\n\n\n\n<p>Este beneficioso elemento Header Builder es una caracter\u00edstica premium de Astra y est\u00e1 disponible desde la versi\u00f3n 3.3 de Astra Pro. Antes de esta versi\u00f3n, era necesario utilizar<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/change-astra-header-breakpoint-width\/\"> personalizado<\/a> c\u00f3digo para traer un bot\u00f3n de alternar en el escritorio. Pero ya no.<\/p>\n\n\n\n<p>Ahora puede mostrar f\u00e1cilmente contenido fuera del lienzo en el escritorio y personalizarlo por completo con el nuevo elemento Bot\u00f3n de alternancia. <\/p>\n\n\n\n<p>Aqu\u00ed hay un v\u00eddeo que explica c\u00f3mo utilizar este elemento: <\/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=\"Men\u00fa alternativo para ordenadores de sobremesa (nueva funci\u00f3n de Astra)\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/wb14cCqGwiU?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>Si prefiere una versi\u00f3n escrita, \u00a1d\u00e9jenos sumergirnos! <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00f3mo a\u00f1adir un bot\u00f3n de alternancia para escritorio<\/h3>\n\n\n\n<p>Como se trata de una funci\u00f3n premium, aseg\u00farese de tener el plugin Astra Pro actualizado y activado. Siga los pasos que se indican a continuaci\u00f3n:<\/p>\n\n\n\n<p><strong>Paso 1: <\/strong>Abra Header Builder y haga clic en una secci\u00f3n en la que desee a\u00f1adir un bot\u00f3n de alternancia. En la lista de elementos, seleccione Bot\u00f3n de alternancia.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-add.png\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-add.png\" alt=\"Add Toggle Button in header builder\" class=\"wp-image-97936\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-add.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-add-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-add-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-add-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Segundo paso:<\/strong> Ahora puede elegir el contenido, es decir, los elementos que se mostrar\u00e1n dentro de una ventana que aparece cuando los usuarios hacen clic en el bot\u00f3n de alternancia. <\/p>\n\n\n\n<p>Observar\u00e1 la secci\u00f3n fuera del lienzo en el constructor de cabecera en cuanto a\u00f1ada el bot\u00f3n de alternancia. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-off-canvas-elements.png\" alt=\"Add element in off-canvas window\" class=\"wp-image-97937\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-off-canvas-elements.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-off-canvas-elements-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-off-canvas-elements-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-off-canvas-elements-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n\n\n\n<p>Haz clic en la secci\u00f3n fuera del lienzo y se abrir\u00e1 una lista de elementos. <\/p>\n\n\n\n<p>Elija los elementos necesarios de esta lista y se a\u00f1adir\u00e1n autom\u00e1ticamente a la secci\u00f3n fuera del lienzo. Puede a\u00f1adir varios elementos como botones, b\u00fasqueda, widgets, HTML, iconos sociales, el men\u00fa fuera del lienzo, etc. <\/p>\n\n\n\n<p>Para personalizar estos elementos basta con hacer clic sobre ellos y se abrir\u00e1n todas las opciones de personalizaci\u00f3n en el personalizador. <\/p>\n\n\n\n<div class=\"wp-block-uagb-inline-notice uagb-inline_notice__outer-wrap uagb-inline_notice__align-left uagb-block-99c16527\"><h4 class=\"uagb-notice-title\">Nota:<\/h4><div class=\"uagb-notice-text\"><p>Para a\u00f1adir un men\u00fa dentro de la secci\u00f3n fuera del lienzo, utilice el elemento Men\u00fa fuera del lienzo de la lista. Los men\u00fas primario y secundario no funcionar\u00e1n dentro de la secci\u00f3n fuera del lienzo.<\/p><\/div><\/div>\n\n\n\n<p>Por defecto, el men\u00fa off-canvas mostrar\u00e1 todas las p\u00e1ginas de su sitio web al igual que el men\u00fa por defecto de WordPress. Tendr\u00e1s que crear un men\u00fa dedicado fuera del lienzo o asignar cualquier men\u00fa existente como men\u00fa fuera del lienzo.<\/p>\n\n\n\n<p>Si no est\u00e1s seguro de c\u00f3mo crear y asignar un men\u00fa fuera del lienzo, aqu\u00ed tienes los pasos - <\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-vimeo wp-block-embed-vimeo 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=\"assign-off-canvas-menu\" src=\"https:\/\/player.vimeo.com\/video\/533458935?h=4b2e22ffb0&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"275\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe><\/div>\n<\/div><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Haga clic en el men\u00fa fuera del lienzo <\/li><li>En el personalizador, haga clic en \"Configurar men\u00fa desde aqu\u00ed\".<\/li><li>En el men\u00fa desplegable \"Men\u00fa fuera del lienzo\", seleccione el men\u00fa deseado. Si el men\u00fa deseado no est\u00e1 en la lista, puede incluso \"Crear nuevo men\u00fa\" y asignarlo como fuera del lienzo. <\/li><\/ul>\n\n\n\n<p><strong>Paso 3:<\/strong> Una vez que a\u00f1ada todo el contenido necesario dentro de la secci\u00f3n fuera del lienzo, puede dise\u00f1ar el bot\u00f3n de alternancia seg\u00fan su elecci\u00f3n.<\/p>\n\n\n\n<p>Para personalizar el bot\u00f3n de alternancia, haga clic en el bot\u00f3n en el constructor de cabecera y todas las opciones de dise\u00f1o se abrir\u00e1 de inmediato en el personalizador. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-button-general.png\"><img decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-button-general.png\" alt=\"Toggle Button Settings - General Tab\" class=\"wp-image-97938\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-button-general.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-button-general-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-button-general-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-button-general-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/a><\/figure>\n\n\n\n<p>Una vez all\u00ed, puedes configurar lo siguiente: <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Iconos - Elija entre tres dise\u00f1os diferentes<\/li><li>Toggle Button Style - Elija entre tres estilos pre-construidos para el bot\u00f3n <\/li><li>Etiqueta de men\u00fa - Aqu\u00ed puede a\u00f1adir una etiqueta para el bot\u00f3n de men\u00fa. <\/li><\/ul>\n\n\n\n<p>Haga clic en la pesta\u00f1a Dise\u00f1o para definir el tama\u00f1o, el color y el margen del bot\u00f3n de alternancia. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-button-design.png\" alt=\"Toggle Button Settings - Design Tab\" class=\"wp-image-97939\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-button-design.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-button-design-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-button-design-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-button-design-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n\n\n\n<p><strong>Paso 4:<\/strong> Puedes personalizar la ventana fuera del lienzo y establecer su dise\u00f1o y colores. Para ello, haz clic en el icono de engranaje de Off-Canvas y se abrir\u00e1n las opciones en el personalizador. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"786\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-off-canvas-settings.png\" alt=\"Off Canvas - Settings\" class=\"wp-image-97940\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-off-canvas-settings.png 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-off-canvas-settings-300x173.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-off-canvas-settings-1024x589.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/07\/ast-3-6-toggle-desktop-off-canvas-settings-768x442.png 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n\n\n\n<p>En la pesta\u00f1a General puede establecer el tipo y la alineaci\u00f3n de posici\u00f3n, mientras que en la pesta\u00f1a Dise\u00f1o puede establecer los colores y el espaciado. <\/p>\n\n\n\n<div class=\"wp-block-uagb-inline-notice uagb-inline_notice__outer-wrap uagb-inline_notice__align-left uagb-block-a7139e4b\"><h4 class=\"uagb-notice-title\">Nota:<\/h4><div class=\"uagb-notice-text\"><p>Si cambia a dispositivos tablet o m\u00f3viles en el personalizador, observar\u00e1 una secci\u00f3n fuera del lienzo. Tenga en cuenta que la secci\u00f3n fuera del lienzo con el bot\u00f3n de alternancia en un ordenador de sobremesa, en una tableta o en un dispositivo m\u00f3vil funciona por separado. Esto le permite dise\u00f1ar diferentes men\u00fas de alternancia en diferentes dispositivos. La secci\u00f3n off-canvas del escritorio no se heredar\u00e1 autom\u00e1ticamente en una tableta o en dispositivos m\u00f3viles y viceversa.<\/p><\/div><\/div>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>El bot\u00f3n de alternar es una forma atractiva de mostrar contenido como men\u00fa, bot\u00f3n, b\u00fasqueda, etc. en la cabecera en la vista de escritorio. Est\u00e1 especialmente dise\u00f1ado para pantallas de escritorio y funciona de forma similar al bot\u00f3n hamburguesa para m\u00f3viles. Cuando un usuario hace clic en el bot\u00f3n de alternancia, aparece una ventana fuera del lienzo en la pantalla con [...]<\/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-85006","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-header-footer-after-3-0"},"spectra_custom_meta":{"_edit_lock":["1634845364:70"],"_edit_last":["70"],"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_estimated-reading-time-minutes":["4"],"_yoast_wpseo_content_score":["90"],"_yoast_wpseo_primary_docs_category":["1995"],"_oembed_cc441a372cf4409bef77cab7d13a99e5":["<iframe title=\"Toggle Menu For Desktops (New Astra Feature)\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/wb14cCqGwiU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_cc441a372cf4409bef77cab7d13a99e5":["1634845344"],"_oembed_979ef3e356d662b2a5c48c91633d525f":["<iframe title=\"assign-off-canvas-menu\" src=\"https:\/\/player.vimeo.com\/video\/533458935?dnt=1&amp;app_id=122963\" width=\"500\" height=\"275\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_979ef3e356d662b2a5c48c91633d525f":["1617701352"],"_oembed_00b46b196c00a63ff27aeb8a296c6651":["<iframe title=\"assign-off-canvas-menu\" src=\"https:\/\/player.vimeo.com\/video\/533458935?h=4b2e22ffb0&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"275\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_00b46b196c00a63ff27aeb8a296c6651":["1634845345"],"_oembed_909fdfe44aafb22309d7863ccf2fcc71":["<iframe title=\"Toggle Menu For Desktops (New Astra Feature)\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/wb14cCqGwiU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_909fdfe44aafb22309d7863ccf2fcc71":["1617701515"],"_oembed_3868b6d3ef732d6a6d9e8ecface91f46":["<iframe title=\"assign-off-canvas-menu\" src=\"https:\/\/player.vimeo.com\/video\/533458935?dnt=1&amp;app_id=122963\" width=\"1200\" height=\"661\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_3868b6d3ef732d6a6d9e8ecface91f46":["1617701515"],"_oembed_da4b71afe07ef03befdb8552da0a8410":["{{unknown}}"],"_oembed_time_da4b71afe07ef03befdb8552da0a8410":["1617714083"],"_oembed_8f14f2257b54d78e586975ba52d78641":["<iframe title=\"toggle-for-desktop-working-mode\" src=\"https:\/\/player.vimeo.com\/video\/533523511?dnt=1&amp;app_id=122963\" width=\"1200\" height=\"608\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_8f14f2257b54d78e586975ba52d78641":["1617714135"],"_ht_kb_post_views_count":["14"],"_ht_kb_usefulness":["0"],"_ht_article_order_1995":["85006"],"wp_last_modified_info":["July 21, 2021 @ 6:36 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["12666"],"helpful":["28"],"unhelpful":["14"],"redirects":["20"],"pfd_related_docs":["a:4:{i:0;s:5:\"89779\";i:1;s:5:\"70152\";i:2;s:5:\"70068\";i:3;s:5:\"78300\";}"],"pfd_manual_related_docs":["1"],"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":["373"],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"1251551b211a9bc415a7e7f6822d7097\";s:6:\"images\";a:1:{i:0;i:97936;}}"],"_trp_automatically_translated_slug_es_ES":["boton-de-alternancia-para-escritorio"],"_oembed_5b04a3e8af20f19186a7adb2940b4f9c":["<iframe src=\"https:\/\/player.vimeo.com\/video\/533523511?dnt=1&amp;app_id=122963\" width=\"500\" height=\"253\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe>"],"_oembed_time_5b04a3e8af20f19186a7adb2940b4f9c":["1718290118"],"_oembed_0debb9d34784c89214f178d04e66238e":["<iframe title=\"Toggle Menu For Desktops (New Astra Feature)\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/wb14cCqGwiU?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_0debb9d34784c89214f178d04e66238e":["1718290118"],"_oembed_e1d7d406f24843feb54f7083ae79e30f":["<iframe title=\"assign-off-canvas-menu\" src=\"https:\/\/player.vimeo.com\/video\/533458935?h=4b2e22ffb0&amp;dnt=1&amp;app_id=122963\" width=\"500\" height=\"275\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture; clipboard-write\"><\/iframe>"],"_oembed_time_e1d7d406f24843feb54f7083ae79e30f":["1718290119"],"_uag_page_assets":["a:9:{s:3:\"css\";s:4825:\" .uagb-block-99c16527.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-99c16527 .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-99c16527.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;} .uagb-block-99c16527.uagb-dismissable > svg{width: 16px;height: 16px;} .uagb-block-99c16527 .uagb-notice-title{background-color: #FFD54F;border-top-right-radius: 3px;border-top-left-radius: 3px;} .uagb-block-a7139e4b.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-a7139e4b .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-a7139e4b.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;} .uagb-block-a7139e4b.uagb-dismissable > svg{width: 16px;height: 16px;} .uagb-block-a7139e4b .uagb-notice-title{background-color: #FFD54F;border-top-right-radius: 3px;border-top-left-radius: 3px;}@media only screen and (max-width: 976px) { .uagb-block-99c16527 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-99c16527 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-a7139e4b .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-a7139e4b .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;}}@media only screen and (max-width: 767px) { .uagb-block-99c16527 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-99c16527 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-a7139e4b .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-a7139e4b .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 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:480:\"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-99c16527' );\n});\nwindow.addEventListener( 'DOMContentLoaded', function() {\n\tUAGBInlineNotice.init( {\"c_id\":null,\"cookies\":false,\"close_cookie_days\":1,\"noticeDismiss\":\"\",\"icon\":\"rectangle-xmark\"}, '.uagb-block-a7139e4b' );\n});\n });\";s:18:\"current_block_list\";a:8:{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:18:\"uagb\/inline-notice\";i:5;s:9:\"core\/list\";i:6;s:14:\"uagb\/container\";i:7;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776682498\";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":"The toggle button is an attractive way to display content like menu, button, search, etc. in the header on the desktop view. It is specially designed for desktop screens and it works similar to the mobile hamburger button. When a user clicks on the toggle button, it brings an off-canvas window on the screen with&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/85006"}],"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=85006"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/85006\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=85006"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=85006"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=85006"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}