{"id":29223,"date":"2018-09-18T00:00:00","date_gmt":"2018-09-17T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&p=29223"},"modified":"2024-02-29T16:51:05","modified_gmt":"2024-02-29T11:21:05","slug":"display-sub-menu-below-the-header","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/display-sub-menu-below-the-header\/","title":{"rendered":"Mostrar submen\u00fa justo debajo de la cabecera"},"content":{"rendered":"

Si has observado, cada vez que pasas el rat\u00f3n por encima del men\u00fa principal, el submen\u00fa se abre justo debajo del men\u00fa principal. No importa la altura de la cabecera. En este caso, el submen\u00fa corta la cabecera y se despliega sobre ella justo debajo del men\u00fa principal.<\/p>\n\n\n\n

Con la versi\u00f3n Astra Theme 1.5.0 y posteriores, se ha introducido un nuevo filtro para garantizar que los submen\u00fas se abran debajo de la cabecera sin superponerse a ella, independientemente de la altura de la cabecera. Este filtro permite una experiencia de usuario fluida, garantizando que la navegaci\u00f3n por los submen\u00fas siga siendo clara.<\/p>\n\n\n\n

C\u00f3mo mostrar un submen\u00fa justo debajo de la cabecera<\/strong><\/h3>\n\n\n\n

Antes de realizar cualquier personalizaci\u00f3n, es recomendable crear un archivo tema hijo para evitar que afecte al tema principal<\/a>. Si ya dispone de un tema hijo, puede omitir este paso.<\/p>\n\n\n\n

Ahora, puede seguir los siguientes pasos para mostrar el submen\u00fa justo debajo de la cabecera.<\/p>\n\n\n\n

Paso 1: Acceda a su panel de control de WordPress<\/strong><\/p>\n\n\n\n

Inicie sesi\u00f3n en el panel de administraci\u00f3n de WordPress. Aqu\u00ed es donde realizar\u00e1s los cambios necesarios en las p\u00e1ginas de categor\u00edas de WooCommerce.<\/p>\n\n\n\n

Paso 2: Abra el Tema infantil<\/a> Archivo functions.php<\/strong><\/p>\n\n\n\n

Vaya a \"Apariencia\" en el panel de WordPress y seleccione \"Editor de temas\". En el Editor de temas, busque y haga clic en el archivo \"functions.php\". Este archivo contiene el c\u00f3digo que controla varios aspectos de tu tema de WordPress.<\/p>\n\n\n\n

Paso 3: Introducir el c\u00f3digo<\/strong><\/p>\n\n\n\n

Una vez que est\u00e9s en el archivo \"functions.php\", tendr\u00e1s que insertar el siguiente fragmento de c\u00f3digo:<\/p>\n\n\n\n

add_action( 'wp', 'astra_open_submenu_below_header' );\nfunction astra_open_submenu_below_header() {\n  if ( false === astra_get_option( 'submenu-below-header', true ) ) {\n    add_filter( 'astra_submenu_below_header_fix', '__return_true' );\n  }\n  add_filter( 'astra_submenu_open_below_header_fix', '__return_true' );\n} <\/pre>\n\n\n\n
Este filtro introduce una diferencia de relleno de ~5px en la cabecera.<\/p>\n\n\n\n
Paso 4: Guarde los cambios<\/strong><\/p>\n\n\n\n
Despu\u00e9s de insertar el c\u00f3digo, aseg\u00farese de guardar los cambios haciendo clic en el bot\u00f3n \"Actualizar archivo\". De este modo, las modificaciones surtir\u00e1n efecto en su sitio web.<\/p>\n\n\n\n
C\u00f3mo funcionar\u00e1 para los sitios existentes -<\/h4>\n\n\n\n
Para los sitios existentes, aquellos que se actualicen a esta versi\u00f3n (1.5.0) el cambio anterior estar\u00e1 desactivado por defecto. Puede habilitarlo a\u00f1adiendo el filtro anterior.<\/p>\n\n\n\n
C\u00f3mo funcionar\u00e1 para las nuevas instalaciones -<\/h4>\n\n\n\n
Si acabas de instalar Astra Theme con la versi\u00f3n 1.5.0 o superior, la funcionalidad anterior estar\u00e1 habilitada por defecto. No es necesario a\u00f1adir ning\u00fan fragmento.<\/p>\n\n\n\n
A continuaci\u00f3n se muestra la funcionalidad del filtro:<\/p>\n\n\n\n
Antes de a\u00f1adir un filtro:<\/strong><\/p>\n\n\n\n
\"Astra<\/a><\/figure>\n\n\n\n
Despu\u00e9s de a\u00f1adir un filtro:<\/strong><\/p>\n\n\n\n
\"Astra<\/a><\/figure>\n\n\n\n
Esperamos que este documento le haya sido \u00fatil. No dude en dejarnos un comentario a continuaci\u00f3n si tiene alguna duda.<\/p>","protected":false},"excerpt":{"rendered":"
Si has observado, cada vez que pasas el rat\u00f3n por encima del men\u00fa principal, el submen\u00fa se abre justo debajo del men\u00fa principal. No importa la altura de la cabecera. En este caso, el submen\u00fa corta la cabecera y se despliega sobre ella justo debajo del men\u00fa padre. Con la versi\u00f3n Astra Theme 1.5.0 y posteriores, se ha introducido un nuevo filtro para [...]<\/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-29223","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-general"},"spectra_custom_meta":{"_yoast_wpseo_primary_docs_category":["108"],"_wp_old_slug":[""],"_wp_page_template":["default"],"wpil_sync_report3":["0"],"wpil_links_inbound_internal_count":["0"],"wpil_links_inbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_internal_count":["2"],"wpil_links_outbound_internal_count_data":["a:2:{i:0;a:9:{s:3:\"url\";s:108:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/Screen-Recording-2018-09-15-at-01.07.33.75-PM.gif\";s:8:\"url_real\";s:108:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/Screen-Recording-2018-09-15-at-01.07.33.75-PM.gif\";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:128:\"\"\"\/\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}i:1;a:9:{s:3:\"url\";s:108:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/Screen-Recording-2018-09-15-at-01.05.46.60-PM.gif\";s:8:\"url_real\";s:108:\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2019\/08\/Screen-Recording-2018-09-15-at-01.05.46.60-PM.gif\";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:128:\"\"\"\/\";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"],"_edit_lock":["1709548852:89"],"_edit_last":["89"],"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":["90"],"_ppc_meta_key":["a:8:{s:20:\"ppc_key5d92f85d42273\";s:60:\"Images & Names Correctly. Title & 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\";}"],"_elementor_controls_usage":["a:0:{}"],"tap_disable_autolinker":["no"],"tap_autolink_inside_heading":["global"],"tap_autolink_random_placement":["global"],"tap_post_autolinker_limit":["0"],"_ht_kb_post_views_count":["10"],"_ht_kb_usefulness":["0"],"_ht_article_order_108":["29223"],"wp_last_modified_info":["February 23, 2022 @ 8:46 AM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["4950"],"helpful":["1"],"unhelpful":["14"],"redirects":["16"],"rank_math_primary_docs_category":["108"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1001"],"rank_math_seo_score":["15"],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"a7cd6ca251f7cac33068056a63085aa1\";s:6:\"images\";a:1:{i:0;i:40878;}}"],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["mostrar-el-submenu-debajo-de-la-cabecera"],"_uag_custom_page_level_css":[""],"ast-site-content-layout":["default"],"adv-header-id-meta":[""],"stick-header-meta":[""],"astra-migrate-meta-layouts":["set"],"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:6:{i:0;s:14:\"core\/paragraph\";i:1;s:12:\"core\/heading\";i:2;s:17:\"core\/preformatted\";i:3;s:10:\"core\/image\";i:4;s:14:\"uagb\/container\";i:5;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776702805\";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":"If you have observed, whenever you hover the parent menu, the submenu opens just below the parent menu. No matter what your header height is. In this case, submenu cuts the header and display over it just below the parent menu. With the Astra Theme version 1.5.0 and later, a new filter has been introduced to…","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/29223"}],"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=29223"}],"version-history":[{"count":4,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/29223\/revisions"}],"predecessor-version":[{"id":174937,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/29223\/revisions\/174937"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=29223"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=29223"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=29223"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}