Sub Menu
Overview
Background The color used for the sub menu.
Check Enable Gradient to add a second color and a transition between the two. Use the slider to select the position of the transition.
Background Image | Add a background image to the sub menu.
Select if the image should be centered, repeated, stretched, and so on.
-
Click Clear to remove the image.
Combine the background image with a background color if Enable Gradient is selected.
Padding Settings
Top |
The sub menu’s top padding. |
Right |
The sub menu’s right padding. |
Bottom |
The sub menu’s bottom padding. |
Left |
The sub menu’s left padding. |
Border Settings
Left Border Color |
The sub menu’s left border color. |
Left Border Width |
The sub menu’s left border thickness. |
Right Border Color |
The sub menu’s right border color. |
Right Border Width |
The sub menu’s right border thickness. |
Top Border Color |
The sub menu’s top border color. |
Top Border Width |
The sub menu’s top border thickness. |
Bottom Border Color |
The sub menu’s bottom border color. |
Bottom Border Width |
The sub menu’s bottom border thickness. |
Border Style |
The sub menu’s border style. Set the line’s appearance (pattern) and the amount the corners should be rounded. |
Sub Menu Button Default Settings
Background Color |
The button’s default background color. |
Flex Direction |
Select the main axis where flex items will be placed, for instance horizontal or vertical (along a row or in a column). |
Justify Content |
Select how flex items will be placed in relation to each other, for instance towards the start of the flex direction, or with space between. |
Align Items |
Select how flex items will be placed in relation to the flex direction. |
Top |
The button’s top padding. |
Right |
The button’s right padding. |
Bottom |
The button’s bottom padding. |
Left |
The button’s left padding. |
Left Border Color |
The button’s left border color. |
Left Border Width |
The button’s left border thickness. |
Right Border Color |
The button’s right border color |
Right Border Width |
The button’s right border thickness. |
Top Border Color |
The button’s top border color. |
Top Border Width |
The button’s top border thickness. |
Bottom Border Color |
The button’s bottom border color. |
Bottom Border Width |
The button’s bottom border thickness. |
Border Style |
The button’s border style. Set the line’s appearance (pattern) and the amount the corners should be rounded. |
Sub Menu Button Selected Settings
Background Color |
The button’s background color, when it is selected. |
Flex Direction |
Select the main axis where flex items will be placed, for instance horizontal or vertical (along a row or in a column). |
Justify Content |
Select how flex items will be placed in relation to each other, for instance towards the start of the flex direction, or with space between. |
Align Items |
Select how flex items will be placed in relation to the flex direction. |
Top |
The button’s top padding. |
Right |
The button’s right padding. |
Bottom |
The button’s bottom padding. |
Left |
The bar button’s left padding. |
Left Border Color |
The button’s left border color. |
Left Border Width |
The button’s left border thickness. |
Right Border Color |
The button’s right border color |
Right Border Width |
The button’s right border thickness. |
Top Border Color |
The button’s top border color. |
Top Border Width |
The button’s top border thickness. |
Bottom Border Color |
The button’s bottom border color. |
Bottom Border Width |
The button’s bottom border thickness. |
Border Style |
The button’s border style. Set the line’s appearance (pattern) and the amount the corners should be rounded. |
Sub Menu Button Text Default Settings
Font Settings |
Select the font family, color, weight, size and emphasis of the button’s text. Add text decoration and character conversion, for instance to uppercase. |
Flex Direction |
Select the main axis where flex items will be placed, for instance horizontal or vertical (along a row or in a column). |
Justify Content |
Select how flex items will be placed in relation to each other, for instance towards the start of the flex direction, or with space between. |
Align Items |
Select how flex items will be placed in relation to the flex direction. |
Border Style |
The text’s border style. Set the line’s appearance (pattern) and the amount the corners should be rounded. |
Sub Menu Button Text Selected Settings
Font Settings |
Select the font family, color, weight, size and emphasis of the button’s text. Add text decoration and character conversion, for instance to uppercase. |
Flex Direction |
Select the main axis where flex items will be placed, for instance horizontal or vertical (along a row or in a column). |
Justify Content |
Select how flex items will be placed in relation to each other, for instance towards the start of the flex direction, or with space between. |
Align Items |
Select how flex items will be placed in relation to the flex direction. |
Border Style |
The text’s border style. Set the line’s appearance (pattern) and the amount the corners should be rounded. |