{"id":81246,"date":"2021-03-13T19:35:46","date_gmt":"2021-03-13T14:05:46","guid":{"rendered":"https:\/\/git-staging.wpastra.com\/?post_type=docs&#038;p=81246"},"modified":"2022-02-24T00:16:01","modified_gmt":"2022-02-23T18:46:01","slug":"remove-white-bars-on-safari","status":"publish","type":"docs","link":"https:\/\/git-staging.wpastra.com\/es\/docs\/remove-white-bars-on-safari\/","title":{"rendered":"C\u00f3mo eliminar las barras blancas del navegador Safari en iPhone X y superiores"},"content":{"rendered":"<p>El nuevo iPhone X cuenta con una hermosa pantalla de borde a borde. Pero es posible que observes un peque\u00f1o hueco en la parte superior del navegador. <\/p>\n\n\n\n<p>Cuando vea el sitio web en posici\u00f3n vertical (retrato), no notar\u00e1 este espacio. Pero si gira la pantalla al modo de posici\u00f3n horizontal (paisaje), notar\u00e1 espacio en blanco a ambos lados de la pantalla.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"908\" height=\"448\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/iPhone-11-before.png\" alt=\"iPhone Layout Before\" class=\"wp-image-81253\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/iPhone-11-before.png 908w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/iPhone-11-before-300x148.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/iPhone-11-before-768x379.png 768w\" sizes=\"(max-width: 908px) 100vw, 908px\" \/><\/figure><\/div>\n\n\n\n<p>Para evitar este tipo de obstrucci\u00f3n del contenido, el sistema iOS restringe la visualizaci\u00f3n de los sitios web dentro de una \"zona segura\" de la pantalla.<\/p>\n\n\n\n<p>En los sitios web, esto da lugar a buzones a izquierda y derecha.<\/p>\n\n\n\n<p>Puede leer m\u00e1s sobre \"<a href=\"https:\/\/developer.apple.com\/documentation\/uikit\/uiview\/positioning_content_relative_to_the_safe_area\">Posicionamiento del contenido en relaci\u00f3n con la zona segura<\/a>\" en el sitio web oficial de Apple.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1156\" height=\"798\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/white-bars-iPhone-11.png\" alt=\"White Bars iPhone\" class=\"wp-image-81251\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/white-bars-iPhone-11.png 1156w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/white-bars-iPhone-11-300x207.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/white-bars-iPhone-11-1024x707.png 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/white-bars-iPhone-11-768x530.png 768w\" sizes=\"(max-width: 1156px) 100vw, 1156px\" \/><\/figure><\/div>\n\n\n\n<p>Para evitar las barras blancas alrededor del navegador necesitar\u00eda extender el \u00c1rea Segura. Para ello tendr\u00eda que a\u00f1adir un c\u00f3digo personalizado.<\/p>\n\n\n\n<p>Basta con a\u00f1adir \"<strong>viewport-fit=cover<\/strong>\"a su metaetiqueta viewport ampliar\u00e1 su sitio para que ocupe toda la pantalla y no s\u00f3lo el \u00e1rea segura. <\/p>\n\n\n\n<p>Aqu\u00ed hay un c\u00f3digo personalizado que tendr\u00e1 que a\u00f1adir a su sitio web - <\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\" data-no-auto-translation=\"\"><code>&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, viewport-fit=cover\"&gt;<\/code><\/pre>\n\n\n\n<p>El resultado ser\u00eda algo parecido a esto:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"907\" height=\"447\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/iPhone-11-after-1.png\" alt=\"iPhone After\" class=\"wp-image-81522\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/iPhone-11-after-1.png 907w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/iPhone-11-after-1-300x148.png 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/iPhone-11-after-1-768x378.png 768w\" sizes=\"(max-width: 907px) 100vw, 907px\" \/><\/figure><\/div>\n\n\n\n<p>Como puede ver, se han eliminado los espacios en blanco de la izquierda y la derecha de la pantalla.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00f3mo a\u00f1adir c\u00f3digo personalizado a su sitio web<\/h3>\n\n\n\n<p>Hay dos maneras de a\u00f1adir este c\u00f3digo a su sitio web - <\/p>\n\n\n\n<h4 class=\"wp-block-heading\">1. Con dise\u00f1os personalizados (Astra Pro) <\/h4>\n\n\n\n<p><a href=\"https:\/\/git-staging.wpastra.com\/es\/docs\/custom-layouts-pro\/\">Dise\u00f1os personalizados<\/a> es un m\u00f3dulo Astra Pro. Esto significa que para este m\u00e9todo necesitar\u00eda tener su addon Astra Pro instalado y activado. Siga estos pasos para a\u00f1adir el c\u00f3digo con Custom Layouts:&nbsp;<\/p>\n\n\n\n<p>Active el m\u00f3dulo de dise\u00f1os personalizados en <strong>Aspecto exterior &gt; Opciones Astra &gt; M\u00f3dulos Astra Pro<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"791\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/custom-layouts-activation.jpg\" alt=\"Astra Custom Layouts Activation\" class=\"wp-image-81737\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/custom-layouts-activation.jpg 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/custom-layouts-activation-300x174.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/custom-layouts-activation-1024x593.jpg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/custom-layouts-activation-768x445.jpg 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure><\/div>\n\n\n\n<p>Vaya a <strong>Apariencia &gt; Opciones Astra &gt; Dise\u00f1os personalizados y<\/strong> a\u00f1ada un nuevo dise\u00f1o personalizado.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"711\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/new-custom-layout.jpeg\" alt=\"Add New Astra Custom Layout\" class=\"wp-image-81739\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/new-custom-layout.jpeg 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/new-custom-layout-300x156.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/new-custom-layout-1024x533.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/new-custom-layout-768x400.jpeg 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure><\/div>\n\n\n\n<p>En el siguiente paso, haga clic en \"Activar Editor de C\u00f3digo\" para activarlo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"711\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/code-editor.jpeg\" alt=\"WordPress Enable Code Editor\" class=\"wp-image-81741\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/code-editor.jpeg 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/code-editor-300x156.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/code-editor-1024x533.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/code-editor-768x400.jpeg 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n\n\n\n<p>Inserte el c\u00f3digo en el Editor de c\u00f3digo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1710\" height=\"985\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/add-viewport-meta-tag.jpeg\" alt=\"Add Viewport Meta Tag\" class=\"wp-image-81562\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/add-viewport-meta-tag.jpeg 1710w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/add-viewport-meta-tag-300x173.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/add-viewport-meta-tag-1024x590.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/add-viewport-meta-tag-768x442.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/add-viewport-meta-tag-1536x885.jpeg 1536w\" sizes=\"(max-width: 1710px) 100vw, 1710px\" \/><\/figure>\n\n\n\n<p>Despl\u00e1cese hasta Configuraci\u00f3n y configure las siguientes opciones:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Disposici\u00f3n: Ganchos<\/strong><\/li><li><strong>Acci\u00f3n: wp_head<\/strong><\/li><li><strong>Mostrar en: Todo el sitio web<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1710\" height=\"985\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/layout-settings-hooks.jpeg\" alt=\"Layout Settings Hooks\" class=\"wp-image-81563\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/layout-settings-hooks.jpeg 1710w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/layout-settings-hooks-300x173.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/layout-settings-hooks-1024x590.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/layout-settings-hooks-768x442.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/layout-settings-hooks-1536x885.jpeg 1536w\" sizes=\"(max-width: 1710px) 100vw, 1710px\" \/><\/figure>\n\n\n\n<p><strong>Publique <\/strong>la disposici\u00f3n.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">2. Con el plugin Astra Hooks <\/h4>\n\n\n\n<p>Si est\u00e1 utilizando el \u00fanico tema Astra sin un addon Astra Pro, puede a\u00f1adir este c\u00f3digo utilizando el bot\u00f3n <a href=\"https:\/\/wordpress.org\/plugins\/astra-hooks\/\">Ganchos Astra <\/a>plugin. S\u00f3lo tiene que ir a <strong>Panel de control &gt; Plugins &gt; A\u00f1adir nuevo<\/strong>Busca Astra Hooks, inst\u00e1lalo y act\u00edvalo. <\/p>\n\n\n\n<p>Una vez activado el plugin siga estos pasos:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"718\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/adding-astra-hooks.jpg\" alt=\"Install Astra Hooks Plugin\" class=\"wp-image-81709\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/adding-astra-hooks.jpg 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/adding-astra-hooks-300x158.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/adding-astra-hooks-1024x538.jpg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/adding-astra-hooks-768x404.jpg 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n\n\n\n<p>Abra su Personalizador (<strong>Panel &gt; Apariencia &gt; Personalizar<\/strong>)<\/p>\n\n\n\n<p>En el Personalizador, vaya a <strong>Ganchos &gt; Cabecera<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"798\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/astra-hooks-header.jpg\" alt=\"Astra Hooks Header\" class=\"wp-image-81705\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/astra-hooks-header.jpg 1366w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/astra-hooks-header-300x175.jpg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/astra-hooks-header-1024x598.jpg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/astra-hooks-header-768x449.jpg 768w\" sizes=\"(max-width: 1366px) 100vw, 1366px\" \/><\/figure>\n\n\n\n<p>A\u00f1ada el c\u00f3digo a la secci\u00f3n <strong>wp_head<\/strong> y <strong>Publique<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1713\" height=\"988\" src=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/add-code-wp-head.jpeg\" alt=\"Add Code to WordPress Header\" class=\"wp-image-81568\" srcset=\"https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/add-code-wp-head.jpeg 1713w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/add-code-wp-head-300x173.jpeg 300w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/add-code-wp-head-1024x591.jpeg 1024w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/add-code-wp-head-768x443.jpeg 768w, https:\/\/git-staging.wpastra.com\/wp-content\/uploads\/2021\/03\/add-code-wp-head-1536x886.jpeg 1536w\" sizes=\"(max-width: 1713px) 100vw, 1713px\" \/><\/figure>\n\n\n\n<p>\u00a1Eso es todo!<\/p>\n\n\n\n<p>Ahora su sitio web tambi\u00e9n se ver\u00e1 muy bien en las pantallas de borde a borde de los iPhone.<\/p>","protected":false},"excerpt":{"rendered":"<p>El nuevo iPhone X cuenta con una hermosa pantalla de borde a borde. Pero es posible que observes un peque\u00f1o hueco en la parte superior del navegador. Cuando veas la p\u00e1gina web en posici\u00f3n vertical (retrato), no notar\u00e1s este hueco. Pero si giras la pantalla al modo de posici\u00f3n horizontal (paisaje), notar\u00e1s espacio en blanco a ambos lados [...]<\/p>","protected":false},"author":70,"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":[108],"docs_tag":[],"class_list":{"0":"post-81246","1":"docs","2":"type-docs","3":"status-publish","5":"docs_category-general"},"spectra_custom_meta":{"_edit_lock":["1645641964:77"],"_edit_last":["77"],"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":["90"],"_yoast_wpseo_estimated-reading-time-minutes":["5"],"_wp_old_slug":["how-to-remove-the-white-bars-in-the-safari-browser-on-iphone-x-and-higher","remove-the-white-bars-in-the-safari-browser-on-iphone-x-and-higher","remove-white-bars-on-iphone-x-and-higher"],"_yoast_wpseo_primary_docs_category":["108"],"_ht_kb_post_views_count":["9"],"_ht_kb_usefulness":["0"],"_ht_article_order_108":["81246"],"wp_last_modified_info":["February 24, 2022 @ 12:16 AM"],"wplmi_shortcode":["[lmt-post-modified-info]"],"views":["7872"],"helpful":["3"],"unhelpful":["4"],"redirects":["0"],"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":["401"],"rank_math_seo_score":["26"],"rank_math_internal_links_processed":["1"],"pfd_related_docs":[""],"rank_math_og_content_image":["a:2:{s:5:\"check\";s:32:\"ebac299b62b14c6b7fd597127003bf9e\";s:6:\"images\";a:1:{i:0;i:81253;}}"],"_trp_automatically_translated_slug_es_ES":["eliminar-barras-blancas-en-safari"],"_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:7:{i:0;s:14:\"core\/paragraph\";i:1;s:10:\"core\/image\";i:2;s:9:\"core\/code\";i:3;s:12:\"core\/heading\";i:4;s:9:\"core\/list\";i:5;s:14:\"uagb\/container\";i:6;s:14:\"core\/shortcode\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1776792273\";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":"Nikola Mihajlovic","author_link":"https:\/\/git-staging.wpastra.com\/es\/author\/nikolam\/"},"uagb_comment_info":0,"uagb_excerpt":"The new iPhone X features a beautiful edge-to-edge display. But you might observe a small gap at the top of the browser. When viewing the website in an upright (portrait) position, you will not notice this gap. But if you rotate your screen to horizontal (landscape) position mode you&#8217;ll notice white space on both sides&hellip;","_links":{"self":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/81246"}],"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\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/comments?post=81246"}],"version-history":[{"count":0,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs\/81246\/revisions"}],"wp:attachment":[{"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/media?parent=81246"}],"wp:term":[{"taxonomy":"docs_category","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_category?post=81246"},{"taxonomy":"docs_tag","embeddable":true,"href":"https:\/\/git-staging.wpastra.com\/es\/wp-json\/wp\/v2\/docs_tag?post=81246"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}