How do I increase the image and text size of the menu in Layout F1?

Follow the instructions below to increase the image and text size to the menu of Layout F1.

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 F1 - INCREASE MENU TEXT AND IMAGE SIZE ***/
.layout.f1 .menubox li img {
  	width: 40px !important;
  	height: 40px !important;
}


/* Layout-F1 Feature Text */
.layout.f1 .menubox ul.items li p { font-size: 16px !important; }
/*** END: LAYOUT F1 - INCREASE MENU TEXT AND IMAGE SIZE ***/

4) Click Save.