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

Home Documentation How To 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 adjust layout height*/

.layout.l3 ion-content,
.layout.l4 ion-content,
.layout.l5 ion-content,
.layout.l6 ion-content {
height: 70% !important;
}

/** End adjust layout height*/

 

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

 

Comments are closed.