Increase the text and icon size of the menu with Layout 99

Home Documentation How To Increase the text and icon size of the menu with Layout 99

Use the code below to increase the text size and/or the icon (image) size of the menu when using Layout 99.

 

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 code below.

/** Begin edit text and icon size layout 99*/
.layout.l99 li img {
width: 30px;
height: 30px;
margin: 0 0 0 10px;
max-height: 100%;
}

.layout.l99 li p {
font-size: 10px;
line-height: 20px;
height: 20px;
overflow: hidden;
}

.layout.l99 ul.items li p {
font-size: 13px;
margin: 0 0 0 10px;
}
/** End edit text and icon size layout 99*/

 

4) Click Save.

 

NOTE: Change the “width” and “height” (30) to adjust the icon size. Change the “font-size (10) to fit your needs.

 

Comments are closed.