Circle Menu

General

Open on start

If this option is checked the menu will be opened when the page loads

Offset Items

By default items are on the inside of the menu with padding, if this option is checked the items will hang off the edge of the menu

Number of Items

You can choose to have a menu with up to 4 items, or 8 Items. Here you can choose the number of items for your menu.

You can choose to have a Circular menu or a Square Menu Here

Font Family

Choose the general font family for the menu here

Inherit Radius

Inherit Radius

If you want the toggle to inherit the radius of the menu, check this option.

Size

Sets the size of the toggle button

Icon size

Sets the size of the icon inside of the toggle button

Radius

If the “Inherit Radius” option is not checked, you can set a custom radius for the menu toggle here

Shadow

Allows you to set the shadow properties for the toggle button

Open Border

When the menu is opened, the toggle gets an overlay border around it, you can set the thickness and color of this border Here

Icon Color

Sets the color of the icon inside of the menu toggle on initial and hover states

Background

Allows you to set a background for the menu toggle, it can be a color or a gradient

Hover Background

Allows you to set a background for the menu toggle when hovered, it can be a color or a gradient

Allows you to set the size for the menu, it is recommend to be somewhere between 200~320px

Padding

Controls the inner padding of the menu

Outer Margin (Vertical & Horizontal)

Sets the spacing around the outside of the menu

Background

Allows you to set a background for the menu, it can be a color, gradient, or image

Round Icons

If this option is unchecked, you can set a custom radius for the menu icons, otherwise they will be circular by default

Button Size

Sets button the size of the menu items

Icon Size

Sets the size of the icons inside of the menu item buttons

Label Size

When an item is hovered a label will show up in the center of the menu, you can set the font-size for these labels here

Hover Border

When hovered, items have a transparent border that displays, set the size of this border here

Icon & Label Color

These color options simply control the color of the icons and the labels in the menu

Hover Border

The color of the borer that displays around menu items on hover

Background

Sets the background color of the menu items, it can be a color or gradient