Change circle menu layout to squares.

Home Documentation How To Change circle menu layout to squares.

Use the edit below to change the circles to squares in the Circle Menu Layout.

 

BEFORE

 

AFTER

 

 

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 and past 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 change circle menu layout to squares.*/
.layout_siberian_year .homepage-custom.translucent {
border-radius: 0;
}
.layout_siberian_year label.menu-open-button.homepage-custom.menu-item {
border-radius: 0;
}
/** End change circle menu layout to squares.*/

 

4) Click Save.

 

NOTE: The edit above only works for the Circle Menu Layout.

Comments are closed.