Apply background color to top menu icon of Layout S39.

Follow the instructions below to apply a round background color to the top menu icon of Layout S39.

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 until you get to the Advanced SCSS box and paste the following code. 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: LAYOUT S39 - ADD BACKGROUND COLOR TO MENU ICON ***/
.layout.s39 .homenav_menu_btn {
  	display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
  	background: #4169e1;
    border-radius: 50%;
  	font-size: 20px;
}

/* Menu Close Button */
.layout.s39 .sidenav_close_btn {
  	display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
  	background: #4169e1;
    border-radius: 50%;
  	font-size: 20px;
}
/*** END: LAYOUT S39 - ADD BACKGROUND COLOR TO MENU ICON ***/

4) Click Save