{"id":23947,"date":"2018-01-30T00:00:00","date_gmt":"2018-01-29T18:30:00","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=23947"},"modified":"2021-09-08T20:48:09","modified_gmt":"2021-09-08T15:18:09","slug":"change-astra-header-breakpoint-width","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/change-astra-header-breakpoint-width\/","title":{"rendered":"Cambiar la anchura del punto de interrupci\u00f3n de la cabecera de Astra"},"content":{"rendered":"<p>En Astra Theme puedes modificar el tama\u00f1o de la pantalla cuando quieras activar la cabecera m\u00f3vil utilizando el filtro <code>astra_header_break_point<\/code> El punto de ruptura por defecto es 921px. Esto significa que la cabecera m\u00f3vil se activar\u00e1 a un tama\u00f1o de pantalla de 921px.<\/p>\n\n\n\n<div class=\"wp-block-uagb-inline-notice uagb-inline_notice__outer-wrap uagb-inline_notice__align-left uagb-block-32c61f73\"><h4 class=\"uagb-notice-title\">Nota:<\/h4><div class=\"uagb-notice-text\"><p>Si est\u00e1 utilizando {Astra's Header Footer Builder} el filtro de abajo no funcionar\u00e1, pero para cambiar el punto de ruptura puede ir con la actualizaci\u00f3n del punto de ruptura de la tableta como se menciona en este art\u00edculo. [<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/set-update-breakpoints-tablet-mobile-in-astra\/\">Enlace<\/a>]<\/p><\/div><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p>Para cambiar el punto de ruptura por defecto utilice el filtro. En el siguiente ejemplo, la cabecera m\u00f3vil se activar\u00e1 a un tama\u00f1o de pantalla de 1120px. Cambiar <code>1120<\/code>&nbsp;al tama\u00f1o de pantalla que elijas.<\/p>\n\n\n\n<pre class=\"wp-block-preformatted lang:default decode:true\">\/**\n * Cambiar el punto de interrupci\u00f3n de los men\u00fas de cabecera Astra\n *\n * @return int Ancho de pantalla cuando la cabecera debe cambiar a la cabecera m\u00f3vil.\n *\/\nfunction tu_prefijo_cambiar_punto_ruptura_cabecera() {\n return 1120;\n};\n\nadd_filter( 'astra_header_break_point', 'your_prefix_change_header_breakpoint' );<\/pre>\n\n\n\n<p>Echa un vistazo a la documentaci\u00f3n que explica c\u00f3mo a\u00f1adir c\u00f3digo PHP personalizado utilizando la funci\u00f3n <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/add-custom-php-code\/#3.-in-child-theme\">functions.php del tema hijo<\/a> archivo.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-uagb-inline-notice uagb-inline_notice__outer-wrap uagb-inline_notice__align-left uagb-block-b6f4ea4d\"><h4 class=\"uagb-notice-title\">Nota: <\/h4><div class=\"uagb-notice-text\"><p>Astra versi\u00f3n 1.4.0 y superior proporciona una opci\u00f3n para cambiar el punto de interrupci\u00f3n. No es necesario utilizar el filtro anterior. Consulte el documento\u00a0<a rel=\"noreferrer noopener\" href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/mobile-header-with-astra\/#menu-breakpoint\" target=\"_blank\">aqu\u00ed<\/a>.<\/p><p>Adem\u00e1s, despu\u00e9s de Astra 3.0.0 en el constructor de Astra Header Footer, hemos proporcionado un encabezado m\u00f3vil que se puede a\u00f1adir para los dispositivos m\u00f3viles. [<a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/create-mobile-header-with-header-builder\/\">M\u00e1s informaci\u00f3n<\/a>]<\/p><\/div><\/div>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>En Astra Theme puedes modificar el tama\u00f1o de pantalla cuando quieras activar la cabecera m\u00f3vil usando el filtro astra_header_break_point El punto de ruptura por defecto es 921px. Esto significa que la cabecera m\u00f3vil se activar\u00e1 en un tama\u00f1o de pantalla de 921px. Para cambiar el punto de ruptura por defecto utilice el filtro. En el siguiente ejemplo, la cabecera m\u00f3vil se activar\u00e1 a un tama\u00f1o de pantalla de 1120px. [...]<\/p>","protected":false},"author":5,"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":[2110],"docs_tag":[],"class_list":{"0":"post-23947","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-astra-header-footer-filters"},"spectra_custom_meta":{"_wp_old_slug":[""],"_wp_page_template":["default"],"_edit_lock":["1631114289:70"],"wpil_links_inbound_internal_count_data":["a:0:{}"],"wpil_links_outbound_internal_count_data":["a:2:{i:0;a:9:{s:3:\"url\";s:75:\"https:\/\/git-staging.wpastra.com\/docs\/add-custom-php-code\/#3.-in-child-theme\";s:8:\"url_real\";s:75:\"https:\/\/git-staging.wpastra.com\/docs\/add-custom-php-code\/#3.-in-child-theme\";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:27:\"child theme's functions.php\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}i:1;a:9:{s:3:\"url\";s:78:\"https:\/\/git-staging.wpastra.com\/docs\/mobile-header-with-astra\/#menu-breakpoint\";s:8:\"url_real\";s:78:\"https:\/\/git-staging.wpastra.com\/docs\/mobile-header-with-astra\/#menu-breakpoint\";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:4:\"here\";s:15:\"added_by_plugin\";b:0;s:10:\"post_title\";s:0:\"\";}}"],"wpil_links_outbound_external_count_data":["a:0:{}"],"_edit_last":["70"],"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":["60"],"wpil_sync_report3":["1"],"wpil_links_inbound_internal_count":["0"],"wpil_links_outbound_internal_count":["2"],"wpil_links_outbound_external_count":["0"],"wpil_sync_report2_time":["2019-09-05T12:02:05+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 Change the Astra Header Breakpoint Width?"],"_yoast_wpseo_estimated-reading-time-minutes":["1"],"_ht_kb_post_views_count":["15"],"_ht_kb_usefulness":["0"],"_ht_article_order_103":["23947"],"wp_last_modified_info":["September 8, 2021 @ 8:48 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["9493"],"helpful":["2"],"unhelpful":["15"],"redirects":["7"],"_lmt_disableupdate":["no"],"_wplmi_last_modified":["2021-09-08 20:48:09"],"rank_math_title":["How to Change the Astra Header Breakpoint Width?"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["1261"],"rank_math_internal_links_processed":["1"],"_trp_automatically_translated_slug_es_ES":["cambiar-el-ancho-del-punto-de-interrupcion-de-la-cabecera-astra"],"_uag_page_assets":["a:9:{s:3:\"css\";s:4877:\" .uagb-block-32c61f73.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-32c61f73 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;background-color: #fff8e1;border: 2px solid #fdf4c9;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;} .uagb-block-32c61f73.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;} .uagb-block-32c61f73.uagb-dismissable > svg{width: 16px;height: 16px;} .uagb-block-32c61f73 .uagb-notice-title{background-color: #fdf4c9;border-top-right-radius: 3px;border-top-left-radius: 3px;} .uagb-block-b6f4ea4d.wp-block-uagb-inline-notice .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-b6f4ea4d .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;background-color: #fff8e1;border: 2px solid #fdf4c9;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;} .uagb-block-b6f4ea4d.uagb-dismissable button[type=\"button\"] svg{width: 16px;height: 16px;} .uagb-block-b6f4ea4d.uagb-dismissable > svg{width: 16px;height: 16px;} .uagb-block-b6f4ea4d .uagb-notice-title{background-color: #fdf4c9;border-top-right-radius: 3px;border-top-left-radius: 3px;}@media only screen and (max-width: 976px) { .uagb-block-32c61f73 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-32c61f73 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-b6f4ea4d .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-b6f4ea4d .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;}}@media only screen and (max-width: 767px) { .uagb-block-32c61f73 .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-32c61f73 .uagb-notice-title{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-b6f4ea4d .uagb-notice-text{padding-left: 15px;padding-right: 15px;padding-top: 15px;padding-bottom: 15px;} .uagb-block-b6f4ea4d .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-32c61f73' );\n});\nwindow.addEventListener( 'DOMContentLoaded', function() {\n\tUAGBInlineNotice.init( {\"c_id\":null,\"cookies\":false,\"close_cookie_days\":1,\"noticeDismiss\":\"\",\"icon\":\"rectangle-xmark\"}, '.uagb-block-b6f4ea4d' );\n});\n });\";s:18:\"current_block_list\";a:5:{i:0;s:14:\"core\/paragraph\";i:1;s:18:\"uagb\/inline-notice\";i:2;s:17:\"core\/preformatted\";i:3;s:14:\"uagb\/container\";i:4;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776614669\";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":"Nikhil Chavan","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/nikhilc\/"},"uagb_comment_info":0,"uagb_excerpt":"In Astra&nbsp;Theme you can modify the screen size when you want to trigger the mobile header using the filter astra_header_break_point The default breakpoint is&nbsp;921px. That means&nbsp;the mobile header will be triggered at 921px screen size. To change&nbsp;the default breakpoint use filter. In the below example the mobile header will be triggered at 1120px screen size.&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/23947"}],"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\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=23947"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/23947\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=23947"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=23947"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=23947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}