Customize the menu height of Layouts 3, 4, 5 and 6.

Use the code below to customize the menu height (raise the vertical menu height) of Layouts 3, 4, 5 and 6.

1) While in your App Manager, select Colors.

2)Scroll to the bottom of the screen and place the following code in the Advanced CSS box. If there is already code in the box do not delete it! Simply add this code “below” the last character of code in the box.

/*** BEGIN Layout 5 Adjust Layout Height ***/
.layout.l3 ion-content,
.layout.l4 ion-content,
.layout.l5 ion-content,
.layout.l6 ion-content {
height: 70% !important;
}
/*** END Layout 5 Adjust Layout Height ***/

NOTE: You can adjust the height by changing “70%” in this CSS to the appropriate height in the page.