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.
Modify Icon Colour
Select a Cwicly Menu block
Reset Icon Colour
Select a Cwicly Menu block
Link
The Link Colour property allows you to choose a colour for your Main Menu Items.
Modify Link Colour
Select a Cwicly Menu block
Reset Link Colour
Select a Cwicly Menu block
Background
The Background property allows you to choose a Background colour for your Main Menu Items.
Modify Background Colour
Select a Cwicly Menu block
Reset Background Colour
Select a Cwicly Menu block
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.
Modify Layout
Select a Cwicly Menu block
Choose Layout (flex-start, centre, flex-end, space-between, space-around etc)
Reset Layout
Select a Cwicly Menu block
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.
Select Icon
Select a Cwicly Menu block
Click Active to activate Icon
Click Icon image to open Icon library
Deactivate Icon
Select a Cwicly Menu block
Click Active to deactivate
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.
Modify Size
Select a Cwicly Menu block
Click Active to activate Icon
Click Icon image to open Icon library
Reset size
Select a Cwicly Menu block
Click Active to activate Icon
Click Icon image to open Icon library
Position
The Position
property allows you to Position the Icon before or after the Menu Item for more flexibility.
Choose Position
Select a Cwicly Menu block
Click Active to activate Icon
Click Icon image to open Icon library
Choose Icon Position (Before or After)
Spacing
The Spacing
property allows you to add Padding between the Icon and the Menu Item to let it breathe.
Adjust Spacing
Select a Cwicly Menu block
Click Active to activate Icon
Click Icon image to open Icon library
Reset spacing
Select a Cwicly Menu block
Click Active to activate Icon
Click Icon image to open Icon library
Typography
The Menu Items Typography
property allows you to choose the typography for your Main Menu such as font
, size
, spacing
, height
etc.
Typography
Select a Cwicly Menu block
Select required Typography (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.
Modify Padding
Select a Cwicly Menu block
Adjust linked or unlinked Padding
Reset Padding
Select a Cwicly Menu block
Margins
The Main Menu Items Margins property allows you to modify the space outside the border of an element.
Modify Margins
Select a Cwicly Menu block
Modify Margin either linked or individually (top, bottom, left and right).
Reset Margins
Select a Cwicly Menu block
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.
Modify Radius
Select a Cwicly Menu block
Modify Radius, linked or individually (top, bottom, left and right corners).
Reset Radius
Select a Cwicly Menu block
Click to open Borders tab
Click dot to reset all or selected radius
Colour
The Border Colour
property allows you to choose the colour of your Maim Menu Items Borders.
Select Border Colour
Select a Cwicly Menu block
Click to open Borders tab
Reset Border Color
Select a Cwicly Menu block
Click to open Borders tab
Style
The Border Style
property allows you to select a style for your Main Menu Items Border, such as solid, dotted or dashed.
Select Border Style
Select a Cwicly Menu block
Click to open Borders tab
Select Style (Solid, dotted, dashed)
Reset border style
Select a Cwicly Menu block
Click to open Borders tab
Width
The Border Width
property allows you to select a style for your Main Menu Items Border.
Select Border Width
Select a Cwicly Menu block
Click to open Borders tab
Choose width, either linked or unlinked
Reset Border Width
Select a Cwicly Menu block
Click to open Borders tab