How do I fix the issue with Layout 90 and the iPhone XS?

Home Documentation How To How do I fix the issue with Layout 90 and the iPhone XS?

Use the code below to fix the problem with Layout 90 and the iPhone XS.  This will correct the issue of the icons of the layout overlapping the phone icons.

1) Log into your App Manager and select your app.

2) Click Colors from the left-hand-side of the screen (or the middle of the screen).

3) Scroll down to the Advanced SCSS box. If there is already code in the advanced SCSS box, do not remove it.  Start a new line “after” the last character in the box, then paste the above code.

/** Begin layout 90 iPhone XS fix*/
.layout.l90 .sidenav { top: 15px; }
.layout.l90 #main .row { padding-top: 15px !important }
.layout.l90 .slider { top: 65px; }
/** End layout 90 iPhone XS fix*/

 

4) Click Save.

 

Comments are closed.