Toggle
Hide Text & Icon
If you check these toggles you can hide either the toggle text or icons
Alignment
This option determines the horizontal alignment of the toggle, as well as the alignment of the list menu as it drops down underneath the toggle.
Icon Font
Here you can select an icon font, as well as the corresponding icon code for the icon that you want to use.
Padding (Vertical & Horizontal)
Radius
Controls the corner roundness of the toggle
Icon Size
Controls the font size of the icon
Icon Spacing
Controls the amount of space between the toggle icon and the toggle text
Text Size
Controls the font size of the toggle text
Toggle Text & Toggle BG
Here you can change the text and background color of the toggle on both initial and hover states.
List
Orientation
Here you can determine whether or not the menu will appear above the toggle icon or below it. Depending on where you place your assist menu, you may want to change this.
Max Width
This determines the maximum width of the list when it is first open. Note that you can set custom widths and heights for a specific details section when opened. This value simply determines the initial width of the menu.
Radius
This option simply controls the corner roundness of the menu.
Background
Here you can set a background for the menu. You can choose between:
- Single Color
- 2 Color Gradient
- 3 Color Gradient
List Items
Here you will find all of the options for editing individual list items and details sections.
Padding (Vertical & Horizontal)
This determines the amount of vertical/horizontal padding around all list items, and list titles.
Icon Size & Spacing
Here you can set the size of list item icons as well as the amount of space between the icons and list item text.
Text Size
This determines the font size of list item text.
Detail Text
Here you can set the default font-size of text in the details section.
Detail Padding
Here you can set the amount of padding around the content of the details section.
Close Icon
Here you can set the font-size of the close icon
Icon Type
Here you can select the type of icon you would like for the “close/back icon”.
You can choose between:
- Close (X)
- Chevron (<)
- Arrow (?)
Item Titles (Color)
Here you can set the text and background color of list titles
Item Text (Initial & Hover)
These options control the list item text on both initial state and hover
Item Background (Initial & Hover)
These options control the list item text on both initial state and hover
Detail Colors
Here you can set the text color for Headers, Text, and Links in the details section.
Back Icon Colors
Here you can set the color of the back icon on both initial and hover state.