Items
The main menu and sub menu items properties allow you to customise the items in the main and sub menus by adjusting characteristics such as: Colour, Layout, Icon, Typography, Spacing, Borders etc.
Colours
The Colours tab allows you to modify the colour of your Icon, Link or Background.
Icon
The Icon Colour
property allows you to choose a colour for your Dropdown Icon.
Link
The Link Colour property allows you to choose a colour for your Main Menu Items.
Background
The Background property allows you to choose a Background colour for your Main Menu Items.
Layout
The Main Menu Layout tab allows you to modify the Layout of our Main Menu Items such as: flex-start, centre, flex-end, space-between, space-around etc.
Icon
The icon properties allow you to add an icon to items that contain a sub menu item.
Icons will not show up if no size is specified for the sizing property.
You can choose the Size
, Spacing
and Position
of the Menu Icon.
Size
The Size
property allows you to choose a size for your Main Menu Icon.
Position
The Position
property allows you to Position the Icon before or after the Menu Item for more flexibility.
Spacing
The Spacing
property allows you to add Padding between the Icon and the Menu Item to let it breathe.
Typography
The Menu Items Typography
property allows you to choose the typography for your Main Menu such as font
, size
, spacing
, height
etc.
Spacing
The Menu Items Spacing
property allows you to customize the space around your Main Menu Items, such as Padding
and Margins
.
Padding
The Main Menu Items Padding property allows you to modify the space inside the border of an element.
Margins
The Main Menu Items Margins property allows you to modify the space outside the border of an element.
Borders
The Borders
property allows you to add and style Borders to your Main Menu Items, such as radius, colour, style and width.
Radius
The Radius
property allows you to add a radius to your Main Menu Items Borders.
Colour
The Border Colour
property allows you to choose the colour of your Maim Menu Items Borders.
Style
The Border Style
property allows you to select a style for your Main Menu Items Border, such as solid, dotted or dashed.
Width
The Border Width
property allows you to select a style for your Main Menu Items Border.
Last updated