{"id":55751,"date":"2020-02-12T13:35:17","date_gmt":"2020-02-12T08:05:17","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=55751"},"modified":"2023-04-03T17:11:37","modified_gmt":"2023-04-03T11:41:37","slug":"parallax-page-header","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/parallax-page-header\/","title":{"rendered":"Establecer efecto Parallax en Dispositivos Responsive con Cabecera de P\u00e1gina"},"content":{"rendered":"<p>Tenemos una mejora para el <strong>Encabezado de p\u00e1gina<\/strong> ahora tambi\u00e9n podr\u00e1s configurar el efecto Parallax en dispositivos responsive.<\/p>\n\n\n\n<p>Encontrar\u00e1 la nueva opci\u00f3n en la misma secci\u00f3n de Cabecera de P\u00e1gina. Ahora en su lugar encontrar\u00e1 las opciones para habilitar el Parallax en dispositivos espec\u00edficos en los que desea mostrar el efecto Parallax.<\/p>\n\n\n\n<p><strong>\u00bfLa raz\u00f3n principal por la que hemos implementado esta opci\u00f3n?<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Algunas im\u00e1genes no aparecen correctamente con el efecto Parallax en dispositivos responsivos como los tel\u00e9fonos m\u00f3viles. En estos casos, los usuarios pueden desactivar el efecto <a href=\"https:\/\/git-staging.wpastra.com\/es\/guides-and-tutorials\/parallax-effects-with-elementor\/\">efecto de paralaje<\/a> en M\u00f3vil y viceversa.<\/li>\n<\/ul>\n\n\n\n<p><strong>La opci\u00f3n Nueva selecci\u00f3n contiene las siguientes opciones<\/strong> &#8211;<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><code>Ninguno<\/code> = Desactivar Parallax en todos los dispositivos.<\/li>\n\n\n\n<li><code>Escritorio + M\u00f3vil<\/code> = Activar el paralaje en ambos dispositivos.<\/li>\n\n\n\n<li><code>Escritorio<\/code> = Habilitar parallax s\u00f3lo en Desktop ( Deshabilitar en m\u00f3vil )<\/li>\n\n\n\n<li><code>M\u00f3vil<\/code> = Habilitar parallax s\u00f3lo en m\u00f3vil ( Deshabilitar en escritorio )<\/li>\n<\/ol>\n\n\n\n<p><strong>\u00bfC\u00f3mo activar el efecto Parallax en dispositivos responsivos?<\/strong><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Cree un nuevo encabezado de p\u00e1gina haciendo clic en el bot\u00f3n <strong>Ajustes <\/strong>en el m\u00f3dulo Astra Dashboard Page Headers.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"637\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/04\/page-headers-1024x637.png\" alt=\"\" class=\"wp-image-148765\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/04\/page-headers-1024x637.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/04\/page-headers-300x187.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/04\/page-headers-768x478.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/04\/page-headers.png 1106w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>A continuaci\u00f3n, se le redirigir\u00e1 al panel Cabeceras de p\u00e1gina, donde podr\u00e1 crear cabeceras de p\u00e1gina. Aqu\u00ed, haga clic en el bot\u00f3n '<strong>A\u00f1adir nuevo<\/strong>'.<\/p>\n\n\n\n<p>Ahora, en su configuraci\u00f3n, Usted notar\u00e1 que el <a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2020\/02\/ast-previous-parallax-effect-settings.jpg\">opci\u00f3n antigua<\/a> ( casilla de verificaci\u00f3n ) para activar <strong>Parallax<\/strong> se ha sustituido por la nueva opci\u00f3n ( Desplegable ).<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-large\"><a href=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/04\/page-header-new.png\"><img decoding=\"async\" width=\"938\" height=\"1024\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/04\/page-header-new-938x1024.png\" alt=\"\" class=\"wp-image-148766\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/04\/page-header-new-938x1024.png 938w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/04\/page-header-new-275x300.png 275w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/04\/page-header-new-768x839.png 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2023\/04\/page-header-new.png 1198w\" sizes=\"(max-width: 938px) 100vw, 938px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-background\" style=\"background-color:#f6ecff;font-size:18px\"><strong>Nota:<\/strong> Tambi\u00e9n nos hemos ocupado de los usuarios existentes y nuevos con esta mejora.<\/p>\n\n\n\n<p><strong>Para usuarios existentes:<\/strong><\/p>\n\n\n\n<p>Migraremos los valores ya configurados, por lo que si el usuario ten\u00eda la opci\u00f3n activada, funcionar\u00e1 tal cual y el efecto de paralaje se activar\u00e1 tras actualizar a la versi\u00f3n 2.2.5 o superior.<\/p>\n\n\n\n<p>Ahora los usuarios podr\u00e1n seleccionar las opciones de los dispositivos responsivos seg\u00fan sus necesidades.<\/p>\n\n\n\n<p><strong>Para nuevos usuarios:<\/strong><\/p>\n\n\n\n<p>Por defecto, el Parallax se ajustar\u00e1 a <strong>Ninguno<\/strong> y se puede cambiar seg\u00fan sea necesario para los dispositivos de respuesta.<\/p>","protected":false},"excerpt":{"rendered":"<p>Tenemos una mejora para el addon Page Header, ahora tambi\u00e9n podr\u00e1s configurar el efecto Parallax en dispositivos responsive. Encontrar\u00e1 la nueva opci\u00f3n en la misma secci\u00f3n de Page Header. Ahora encontrar\u00e1s las opciones para habilitar el Parallax en dispositivos espec\u00edficos donde quieras mostrar [...]<\/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":[126],"docs_tag":[],"class_list":{"0":"post-55751","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-page-headers"},"spectra_custom_meta":{"_edit_lock":["1680524285:89"],"_edit_last":["89"],"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":["60"],"_elementor_controls_usage":["a:0:{}"],"_wp_old_date":["2020-02-07"],"uagb_style_timestamp-css":["1581494719"],"_yoast_wpseo_primary_docs_category":["126"],"_ht_kb_post_views_count":["5"],"_ht_kb_usefulness":["0"],"_ht_article_order_126":["55751"],"wp_last_modified_info":["April 3, 2023 @ 5:11 PM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["8302"],"helpful":["5"],"unhelpful":["5"],"redirects":["0"],"rank_math_primary_docs_category":["126"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_analytic_object_id":["704"],"rank_math_seo_score":["17"],"rank_math_internal_links_processed":["1"],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"8deb34411fdf181297134dd5250f1a18\";s:6:\"images\";a:1:{i:0;i:148765;}}"],"_wplmi_last_modified":["2023-04-03 17:11:37"],"pfd_related_docs":[""],"_wpml_media_duplicate":["1"],"_trp_automatically_translated_slug_es_ES":["cabecera-de-pagina-parallax"],"_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:14:\"core\/list-item\";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:\"1775397076\";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":"We have an improvement for the Page Header addon you will now be able to set the Parallax Effect on responsive devices too. You will find the new option under the same section of Page Header. Now you will instead find the options to enable the Parallax on specific devices where you want to display&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/55751"}],"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=55751"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/55751\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=55751"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=55751"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=55751"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}