{"id":13651,"date":"2023-05-06T06:23:50","date_gmt":"2023-05-06T10:23:50","guid":{"rendered":"https:\/\/buzapps.net\/info\/?post_type=knowledgebase&#038;p=13651"},"modified":"2023-05-07T03:39:55","modified_gmt":"2023-05-07T07:39:55","slug":"prevent-overlapping-phone-icons-on-an-iphone-x","status":"publish","type":"knowledgebase","link":"https:\/\/buzapps.net\/info\/knowledgebase\/how-to\/prevent-overlapping-phone-icons-on-an-iphone-x\/","title":{"rendered":"Prevent overlapping phone icons on an iPhone X."},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>Prevent top icons from overlapping the phone&#8217;s icons on an iPhone X.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Use the code below to prevent the top icons from overlapping the phone&#8217;s top icons on an iPhone X.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><a href=\"https:\/\/buzapps.net\/pages\/wp-content\/uploads\/2018\/09\/knowledgebase_iphone_x_icons_01.jpg\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" src=\"https:\/\/buzapps.net\/pages\/wp-content\/uploads\/2018\/09\/knowledgebase_iphone_x_icons_01.jpg\" alt=\"\"\/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>1)<\/strong>&nbsp;Log into your App Manager and&nbsp;<strong>select your app<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>2)<\/strong>&nbsp;Click&nbsp;<strong>Colors<\/strong>&nbsp;from the left-hand-side of the screen (or the middle of the screen).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>3)<\/strong>\u00a0Scroll down to the\u00a0<strong>Advanced SCSS box<\/strong>.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>\/*** BEGIN: IPHONE X TOP ICON OVERLAP FIX ***\/\n@media only screen\nand (min-device-width : 375px)\nand (max-device-width : 812px)\nand (-webkit-device-pixel-ratio : 3) {\n.platform-ios11{\nion-header-bar.bar-custom.bar.bar-header {\ntop: 25px;\n}\n}}\n\/*** END: IPHONE X TOP ICON OVERLAP FIX ***\/<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4)<\/strong>Click&nbsp;<strong>Save<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>IMPORTANT NOTICE: <\/strong>If there is already code in the advanced SCSS box, do not remove it.&nbsp;Start a new line \u201cafter\u201d the last character in the box, then paste the above code.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Prevent top icons from overlapping the phone&#8217;s icons on an iPhone X. Use the code below to prevent the top icons from overlapping the phone&#8217;s top icons on an iPhone X. 1)&nbsp;Log into your App Manager and&nbsp;select your app. 2)&nbsp;Click&nbsp;Colors&nbsp;from the left-hand-side of the screen (or the middle of the screen). 3)\u00a0Scroll down to the\u00a0Advanced SCSS box. 4)Click&nbsp;Save. IMPORTANT NOTICE: If there is already code in the advanced SCSS box, do not remove it.&nbsp;Start a new line \u201cafter\u201d the last character in the box, then paste the above code.<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","knowledgebase_cat":[35],"class_list":["post-13651","knowledgebase","type-knowledgebase","status-publish","hentry","knowledgebase_cat-how-to"],"_links":{"self":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13651","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase"}],"about":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/types\/knowledgebase"}],"author":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/comments?post=13651"}],"version-history":[{"count":2,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13651\/revisions"}],"predecessor-version":[{"id":13941,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase\/13651\/revisions\/13941"}],"wp:attachment":[{"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/media?parent=13651"}],"wp:term":[{"taxonomy":"knowledgebase_cat","embeddable":true,"href":"https:\/\/buzapps.net\/info\/wp-json\/wp\/v2\/knowledgebase_cat?post=13651"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}