Layout 9 margin fix for iOS.

Home Documentation How To Layout 9 margin fix for iOS.

When using Layout 9, if you’re having an issue with your icons on the slide-out menu being too high on iOS, use the code below to fix the margin:

 

BEFORE

 

AFTER

 

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 9 margin fix for ios*/
.platform-ios12 {
ion-content.homepage-custom.scroll-content.ionic-scroll {
margin-top : -40px !important;
background-color : #002b54 !important;
}
ion-content.homepage-custom.scroll-content.ionic-scroll {
padding-top : -35px !important;
}
}
/**End layout 9 margin fix for ios */

 

4) Click Save.

 

NOTE: Change the “margin-top” number (-40) to fit your needs. Likewise for the background hex color (002b54).

 

Comments are closed.