Remove Shadow Effect From Menu On Layouts 1, 2 and 10.

Home Documentation How To Remove Shadow Effect From Menu On Layouts 1, 2 and 10.

Follow the instructions below if you’re using Layouts 1, 2 or 10 and want to remove the shadow effect from the menu.

 

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 remove shadow from menu layout 1*/
.layout.l1 .tabs {
box-shadow: none;
}
/** End remove shadow from menu layout 1*/

 

4) Click Save.

 

NOTE: The edits above also work with layouts 2 and 10. For example, to use it with layout 10, change the “l1” to “l10”.

 

Comments are closed.