{"id":29224,"date":"2018-09-19T00:00:00","date_gmt":"2018-09-18T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=29224"},"modified":"2024-02-21T19:13:05","modified_gmt":"2024-02-21T13:43:05","slug":"set-animation-to-sub-menu","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/set-animation-to-sub-menu\/","title":{"rendered":"\u00bfC\u00f3mo definir la animaci\u00f3n del submen\u00fa?"},"content":{"rendered":"<p>Un submen\u00fa en un sitio web es un men\u00fa secundario que aparece al hacer clic o pasar el rat\u00f3n por encima de una opci\u00f3n del men\u00fa principal, ofreciendo opciones de navegaci\u00f3n m\u00e1s espec\u00edficas.<\/p>\n\n\n\n<p>Con Astra Pro, puede configurar la animaci\u00f3n de los submen\u00fas. A\u00f1ade un estilo al men\u00fa cuando el usuario pasa el rat\u00f3n por encima.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfC\u00f3mo acceder a los ajustes de animaci\u00f3n?<\/h2>\n\n\n\n<p>Para acceder a estos ajustes, debe dirigirse al panel de control de WordPress.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ahora, vaya a <strong>Astra<\/strong> > <strong>Personalice<\/strong> para acceder a su personalizador.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/git-staging.wpastra.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/image-31.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-174656&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:2150,&quot;targetHeight&quot;:1603,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Ampliar la imagen: Customize&quot;,&quot;alt&quot;:&quot;Customize&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"763\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-31-1024x763.png\" alt=\"Customize\" class=\"wp-image-174656\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-31-1024x763.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-31-300x224.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-31-768x573.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-31-1536x1145.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-31-2048x1527.png 2048w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-31-16x12.png 16w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar la imagen: Personalizar\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Seleccione <strong>Creador de cabeceras<\/strong>.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/git-staging.wpastra.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/image-32.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-174657&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:2150,&quot;targetHeight&quot;:1666,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Ampliar la imagen: Header Builder&quot;,&quot;alt&quot;:&quot;Header Builder&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"793\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-32-1024x793.png\" alt=\"Header Builder\" class=\"wp-image-174657\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-32-1024x793.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-32-300x232.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-32-768x595.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-32-1536x1190.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-32-2048x1587.png 2048w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-32-15x12.png 15w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar la imagen: Constructor de cabeceras\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Aqu\u00ed, haga clic en el bot\u00f3n <strong>Men\u00fa principal<\/strong> opci\u00f3n.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/git-staging.wpastra.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/image-33.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-174658&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:2150,&quot;targetHeight&quot;:1666,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Ampliar la imagen: Primary Menu&quot;,&quot;alt&quot;:&quot;Primary Menu&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" width=\"1024\" height=\"793\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-33-1024x793.png\" alt=\"Primary Menu\" class=\"wp-image-174658\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-33-1024x793.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-33-300x232.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-33-768x595.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-33-1536x1190.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-33-2048x1587.png 2048w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-33-15x12.png 15w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar la imagen: Men\u00fa principal\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Encontrar\u00e1 todas las animaciones en la secci\u00f3n <strong>Dise\u00f1o<\/strong> secci\u00f3n.<\/li>\n<\/ul>\n\n\n\n<figure data-wp-context=\"{&quot;uploadedSrc&quot;:&quot;https:\\\/\\\/git-staging.wpastra.com\\\/wp-content\\\/uploads\\\/2024\\\/02\\\/image-34.png&quot;,&quot;figureClassNames&quot;:&quot;wp-block-image size-large&quot;,&quot;figureStyles&quot;:null,&quot;imgClassNames&quot;:&quot;wp-image-174659&quot;,&quot;imgStyles&quot;:null,&quot;targetWidth&quot;:2150,&quot;targetHeight&quot;:1666,&quot;scaleAttr&quot;:false,&quot;ariaLabel&quot;:&quot;Ampliar la imagen: Design&quot;,&quot;alt&quot;:&quot;Design&quot;}\" data-wp-interactive=\"core\/image\" class=\"wp-block-image size-large wp-lightbox-container\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"793\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on-async--click=\"actions.showLightbox\" data-wp-on-async--load=\"callbacks.setButtonStyles\" data-wp-on-async-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-34-1024x793.png\" alt=\"Design\" class=\"wp-image-174659\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-34-1024x793.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-34-300x232.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-34-768x595.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-34-1536x1190.png 1536w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-34-2048x1587.png 2048w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/image-34-15x12.png 15w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\taria-label=\"Ampliar la imagen: Dise\u00f1o\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on-async--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"context.imageButtonRight\"\n\t\t\tdata-wp-style--top=\"context.imageButtonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewbox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Animaci\u00f3n del contenedor del submen\u00fa<\/strong>s<\/h2>\n\n\n\n<p>Cuando el usuario pasa el rat\u00f3n por encima del men\u00fa padre, aplica una animaci\u00f3n de entrada al contenedor del submen\u00fa. Los estilos de animaci\u00f3n disponibles son Deslizar hacia abajo, Deslizar hacia arriba y Fundido. Estas animaciones est\u00e1n disponibles tanto para el men\u00fa normal como para el mega men\u00fa. Tenga en cuenta que<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/nav-menu-addon\/\" target=\"_blank\" rel=\"noopener noreferrer\"> mega men\u00fa<\/a> s\u00f3lo est\u00e1 disponible con Astra Pro.<\/p>\n\n\n\n<p>Estas animaciones son sutiles pero hacen que el submen\u00fa sea elegante. He aqu\u00ed el aspecto de cada una de las animaciones cuando se aplican.<\/p>\n\n\n\n<figure class=\"wp-block-video\"><video controls src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2024\/02\/Screen-Recording-2024-02-21-at-7.09.52\u202fPM.mov\"><\/video><\/figure>\n\n\n\n<p><strong>Nota:<\/strong> Las opciones anteriores estar\u00e1n disponibles con el tema Astra para la cabecera principal. Con el plugin Astra Pro Addon, las opciones anteriores estar\u00e1n disponibles para la cabecera superior e inferior.<\/p>\n\n\n\n<p>Esperamos que esta gu\u00eda le haya ayudado. Si tiene m\u00e1s preguntas, por favor <a href=\"https:\/\/git-staging.wpastra.com\/es\/contact\/\">contacte con nosotros<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Un submen\u00fa en un sitio web es un men\u00fa secundario que aparece cuando se hace clic o se pasa el rat\u00f3n por encima de una opci\u00f3n del men\u00fa principal, ofreciendo opciones de navegaci\u00f3n m\u00e1s espec\u00edficas. Con Astra Pro, puede configurar la animaci\u00f3n de los submen\u00fas. A\u00f1ade un estilo al men\u00fa cuando el usuario pasa el rat\u00f3n por encima. \u00bfC\u00f3mo acceder a la configuraci\u00f3n de la animaci\u00f3n? Para acceder a [...]<\/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":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","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":"set","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":[108],"docs_tag":[],"class_list":{"0":"post-29224","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-general"},"spectra_custom_meta":{"_wp_old_slug":["how-to-set-animation-and-pointer-style-for-menu|how-to-set-animation-and-pointer-style-for-menu","how-to-set-animation-and-pointer-style-for-menu|how-to-set-animation-and-pointer-style-for-menu","how-to-set-animation-to-the-sub-menu"],"_yoast_wpseo_primary_docs_category":["108"],"_wp_page_template":["default"],"_edit_lock":["1708522989:109"],"_edit_last":["109"],"onesignal_meta_box_present":["1"],"onesignal_send_notification":[""],"wpil_sync_report3":["1"],"site-sidebar-layout":["default"],"site-content-layout":["default"],"theme-transparent-header-meta":["default"],"_yoast_wpseo_content_score":["90"],"wpil_links_inbound_internal_count":["1"],"wpil_links_inbound_internal_count_data":["a:1:{i:0;a:9:{s:3:\"url\";s:74:\"https:\/\/git-staging.wpastra.com\/docs\/how-to-set-animation-to-the-sub-menu\/\";s:8:\"url_real\";s:74:\"https:\/\/git-staging.wpastra.com\/docs\/how-to-set-animation-to-the-sub-menu\/\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";s:5:\"29243\";s:6:\"anchor\";s:27:\"Check out the documentation\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:13:\"Version 1.5.0\";}}"],"wpil_links_outbound_internal_count":["1"],"wpil_links_outbound_internal_count_data":["a:1:{i:0;a:9:{s:3:\"url\";s:52:\"https:\/\/git-staging.wpastra.com\/docs\/nav-menu-addon\/\";s:8:\"url_real\";s:52:\"https:\/\/git-staging.wpastra.com\/docs\/nav-menu-addon\/\";s:4:\"host\";s:11:\"wpastra.com\";s:9:\"host_real\";s:11:\"wpastra.com\";s:8:\"internal\";b:1;s:7:\"post_id\";i:0;s:6:\"anchor\";s:10:\" mega menu\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}}"],"wpil_links_outbound_external_count":["0"],"wpil_links_outbound_external_count_data":["a:0:{}"],"wpil_sync_report2_time":["2019-09-05T12:01:40+00:00"],"_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\";}"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_yoast_wpseo_title":["How to Set Animation to the Sub Menu in Astra?"],"_oembed_5de2e22ff5c4c77d6aca8749038dbd71":["<iframe title=\"How to Set Animation To The Sub Menu?\" src=\"https:\/\/player.vimeo.com\/video\/538889638?dnt=1&amp;app_id=122963\" width=\"500\" height=\"260\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\"><\/iframe>"],"_oembed_time_5de2e22ff5c4c77d6aca8749038dbd71":["1708522066"],"wp_last_modified_info":["May 1, 2021 @ 12:18 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"_yoast_wpseo_estimated-reading-time-minutes":["1"],"_oembed_ef081ac908e9d9a58ed58601feb8c76e":["<iframe title=\"How to Set Animation To The Sub Menu?\" src=\"https:\/\/player.vimeo.com\/video\/538889638?dnt=1&amp;app_id=122963\" width=\"1200\" height=\"625\" frameborder=\"0\" allow=\"autoplay; fullscreen; picture-in-picture\" allowfullscreen><\/iframe>"],"_oembed_time_ef081ac908e9d9a58ed58601feb8c76e":["1618870793"],"_ht_kb_post_views_count":["6"],"_ht_kb_usefulness":["0"],"_ht_article_order_108":["29224"],"views":["5637"],"helpful":["4"],"unhelpful":["15"],"redirects":["4"],"rank_math_primary_docs_category":["108"],"rank_math_title":["How to Set Animation to the Sub Menu in Astra?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1000"],"rank_math_internal_links_processed":["1"],"_trp_automatically_translated_slug_es_ES":["como-poner-animacion-al-submenu"],"rank_math_seo_score":["19"],"_uag_custom_page_level_css":[""],"ast-site-content-layout":["default"],"adv-header-id-meta":[""],"stick-header-meta":[""],"astra-migrate-meta-layouts":["set"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"4c7b7e2543e0db0d9279c95d6a71a9f4\";s:6:\"images\";a:1:{i:0;i:174656;}}"],"pfd_related_docs":[""],"_uag_page_assets":["a:9:{s:3:\"css\";s:2495:\".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:0:\"\";s:18:\"current_block_list\";a:8:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:9:\"core\/list\";i:3;s:14:\"core\/list-item\";i:4;s:10:\"core\/image\";i:5;s:10:\"core\/video\";i:6;s:14:\"uagb\/container\";i:7;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1777029971\";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":"A submenu on a website is a secondary menu that appears when you click or hover over a main menu option, offering more specific navigation choices. With Astra Pro, you can set animation for the submenus. It adds a style to the menu when the user hovers it. How to Access Animation Settings? To access&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/29224"}],"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=29224"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/29224\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=29224"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=29224"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=29224"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}