{"id":57907,"date":"2020-04-13T16:44:44","date_gmt":"2020-04-13T11:14:44","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=57907"},"modified":"2021-09-08T20:59:59","modified_gmt":"2021-09-08T15:29:59","slug":"set-update-breakpoints-tablet-mobile-in-astra","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/set-update-breakpoints-tablet-mobile-in-astra\/","title":{"rendered":"\u00bfC\u00f3mo actualizar los puntos de ruptura responsivos para Tablet+Mobile en Astra?"},"content":{"rendered":"<p>Anteriormente, en Astra ten\u00edamos puntos de ruptura por defecto, es decir, 544 para m\u00f3viles y 768 para tabletas. En el Astra <strong>v2.4.0<\/strong>estamos proporcionando la funci\u00f3n para establecer el punto de ruptura Responsive en Astra y hacerlos coincidir con su constructor de p\u00e1ginas.<\/p>\n\n\n\n<p><strong>Puntos de interrupci\u00f3n por defecto -<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Mobile Breakpoints - Existing y New - 544px ambos son iguales.<\/li><li>Puntos de interrupci\u00f3n de la tableta - 768 ( Existente ) - 921 ( Nuevo punto de interrupci\u00f3n )<\/li><\/ul>\n\n\n\n<p><strong>\u00bfPor qu\u00e9?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Algunos usuarios necesitaban puntos de rotura diferentes. Supongamos que usted est\u00e1 construyendo su sitio web con un constructor de p\u00e1ginas y el constructor de p\u00e1ginas tiene diferentes puntos de interrupci\u00f3n ( en lugar de 544 y 768 ). <\/li><li>Cuando se crea un Men\u00fa con un punto de ruptura en 921px, por debajo del cual nuestro men\u00fa se convierte en un Men\u00fa Hamburguesa por lo que normalmente los colores para este dispositivo deber\u00edan renderizarse como Tablet, pero en este caso, los colores est\u00e1n heredando del escritorio. Porque antes de esta versi\u00f3n ten\u00edamos un punto de ruptura por defecto de 768px para tablet. Esta situaci\u00f3n se ha solucionado en esta versi\u00f3n. <\/li><\/ul>\n\n\n\n<p>As\u00ed que empezando por el <strong>Astra v2.4.0<\/strong> puede modificar los puntos de rotura de Tablet y M\u00f3vil del tema Astra con respecto a los puntos de rotura del constructor de p\u00e1ginas.<\/p>\n\n\n\n<p><strong>\u00a1Soluci\u00f3n!<\/strong><\/p>\n\n\n\n<p>En nuestro Astra <strong>v2.4.0<\/strong>hemos introducido nuevos puntos de ruptura para <strong>nuevos usuarios<\/strong> son, para Tablet = 921px, para M\u00f3vil = 544px. <\/p>\n\n\n\n<p>Qu\u00e9 significa para la <strong>usuarios existentes<\/strong>, el sitio o cualquier cambio no se ver\u00e1n afectados, sus puntos de interrupci\u00f3n ser\u00e1 768px &amp; 544px como funcionaba. <\/p>\n\n\n\n<p>Si los usuarios existentes desean actualizar sus puntos de ruptura por defecto con algunos puntos de ruptura diferentes, pueden utilizar el siguiente filtro -<\/p>\n\n\n\n<p>Hemos introducido dos nuevos filtros para cambiar los n\u00fameros de los puntos de interrupci\u00f3n para m\u00f3viles y tabletas.<\/p>\n\n\n\n<p><strong>Para cambiar el punto de interrupci\u00f3n m\u00f3vil:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\/\/ Actualice su punto de interrupci\u00f3n m\u00f3vil personalizado a continuaci\u00f3n - como devolver 544;\nadd_filter( 'astra_mobile_breakpoint', function() {\n    return 544;\n});<\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Para cambiar el punto de interrupci\u00f3n de la tableta:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">\/\/ Actualice su punto de interrupci\u00f3n de tableta personalizado a continuaci\u00f3n - como return 921;\nadd_filter( 'astra_tablet_breakpoint', function() {\n    return 921;\n});<\/pre>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Nota:<\/strong> Siga los pasos aqu\u00ed en este <a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/add-custom-php-code\/#3.-in-child-theme\"><strong>documento<\/strong><\/a> para a\u00f1adir el filtro anterior o cualquier c\u00f3digo personalizado utilizando el Child Theme u otros m\u00e9todos como se ha mencionado.<\/p>\n\n\n\n<p>A los usuarios existentes, les recomendamos que utilicen el mismo valor de punto de ruptura para \"astra_tablet_breakpoint\" y desde el <a href=\"https:\/\/share.getcloudapp.com\/rRu6Bxno\">Men\u00fa principal &gt; Punto de interrupci\u00f3n del men\u00fa<\/a>. As\u00ed que cuando su men\u00fa muestra un men\u00fa de hamburguesa se cargar\u00e1 la configuraci\u00f3n de la tableta para ambos ( es decir, la configuraci\u00f3n del personalizador y el estilo CSS ).<\/p>\n\n\n\n<hr class=\"wp-block-separator\"\/>\n\n\n\n<p class=\"has-background\" style=\"background-color:#eedbff\"><strong>\u00bfTiene problemas de estilo en un sitio web preparado para RTL?<\/strong><br>=&gt; Recomendamos visitar la p\u00e1gina de Opciones de Astra y actualizar la p\u00e1gina para resolver el problema de estilo. O si el <strong>Generaci\u00f3n de archivos CSS<\/strong> intenta actualizar la configuraci\u00f3n.<\/p>\n\n\n\n<p><strong>Recomendado:<\/strong> Para disponer de la \u00faltima versi\u00f3n tanto del <strong>Tema Astra<\/strong> y <strong>Complemento Astra Pro<\/strong> es decir <strong>2.4.0 y superior<\/strong>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Anteriormente en Astra, ten\u00edamos puntos de ruptura por defecto, es decir, 544 para m\u00f3viles y 768 para dispositivos Tablet. En Astra v2.4.0, estamos proporcionando la funci\u00f3n para establecer el punto de ruptura Responsive en Astra y hacerlos coincidir con su constructor de p\u00e1gina. Los puntos de rotura por defecto - Mobile Breakpoints - Existing y New - 544px son los mismos. Tablet [...]<\/p>","protected":false},"author":39,"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,2110],"docs_tag":[1961,1962,1963],"class_list":{"0":"post-57907","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-header-footer-after-3-0","6":"docs_category-astra-header-footer-filters","7":"docs_tag-change-breakpoints","8":"docs_tag-tablet-breakpoint","9":"docs_tag-mobile-breakpoint"},"spectra_custom_meta":{"_edit_lock":["1685950389:89"],"_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_content_score":["30"],"_wp_old_date":["2020-04-08"],"_ht_kb_post_views_count":["16"],"_ht_kb_usefulness":["0"],"_ht_article_order_103":["57907"],"wp_last_modified_info":["September 8, 2021 @ 8:59 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["20415"],"helpful":["17"],"unhelpful":["68"],"redirects":["30"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"_lmt_disableupdate":["no"],"_wplmi_last_modified":["2021-09-08 20:59:59"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["653"],"rank_math_internal_links_processed":["1"],"_trp_automatically_translated_slug_es_ES":["establecer-puntos-de-interrupcion-de-actualizacion-tablet-mobile-en-astra"],"_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:9:\"core\/list\";i:2;s:17:\"core\/preformatted\";i:3;s:14:\"core\/separator\";i:4;s:14:\"uagb\/container\";i:5;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1777030004\";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":"Suman","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/sumand\/"},"uagb_comment_info":0,"uagb_excerpt":"Previously in Astra, we had default breakpoints i.e. 544 for Mobile and 768 for Tablet devices. In the Astra v2.4.0, we are providing the feature to set the Responsive breakpoint in Astra and match them with your page builder. Default breakpoints &#8211; Mobile Breakpoints &#8211; Existing and New &#8211; 544px both are the same. Tablet&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/57907"}],"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\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=57907"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/57907\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=57907"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=57907"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=57907"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}