How do I change the icon color of the Menu Icons in the MobileCart feature?

Home Documentation How To How do I change the icon color of the Menu Icons in the MobileCart feature?

Use the code below to change the icon color of the Main Menu in the MobileCart feature:

 

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 edit mobilecart main menu icons*/
.tab-item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-moz-box-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
display: block;
overflow: hidden;
max-width: 150px;
height: 100%;
color: #941031;
text-align: center;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 400;
font-size: 14px;
font-family: “-apple-system”,”Helvetica Neue”,Roboto,”Segoe UI”,sans-serif;
opacity: .7;
}
/** End edit mobilecart main menu icons*/

 

4) Click Save.

 

Comments are closed.