Documentation
HomeForumHelp
  • About Cwicly
  • Beginner's Guide
    • Install Cwicly
    • Getting Started
      • Overview
      • Settings
    • Edit and Manage your Site
    • The WordPress Dashboard
    • The Dashboard Menu
    • Site Editor
    • Create your Front Page
      • Front Page
      • Header
        • Header Template Part
        • Structure
      • Footer
        • Footer Template Part
        • Structure
  • ⚡Cwicly
    • Block ID
    • Breakpoints
    • Class
      • Global/Block Classes
    • Cloud Design Library
      • Create an Account
      • Overview of the Cloud Dashboard
      • Editor: Cloud Library
        • Access from the Editor
        • Add a Library
        • Switch between Libraries
        • Default Library
        • Download Library
        • Remove Library
        • Categories
          • All
          • Popular
          • Button
          • Composition
          • Decorative
          • Interactive
          • Layout
          • Media
          • Menu
          • Social
      • Design Blocks: Cloud Library
        • Search for a Design Block
        • Refresh
        • Add Design Block
        • Save Design to Library
        • Remove Design Block
      • Library Globals
        • Library: Global Styles
          • Library: Add Styles
          • Installation: Add Styles
          • Library: Style Settings
        • Library: Global Classes
          • Library: Add Classes
          • Installation: Add Classes
          • Library: Class Settings
        • Library: Global Stylesheets
          • Library: Add Stylesheet
          • Installation: Add Stylesheet
          • Library: Stylesheet Settings
        • Library: External Classes
          • Library: Add External Classes
          • Installation: Add External Classes
          • Library: External Classes Settings
      • Community Library
        • Save to Community Library
        • Download from Community Library
        • Remove from Community Library
        • Set Community as default
    • Colour Picker
      • Gradient Builder
    • Components
      • Components Library
      • Components Folders
      • Settings
      • Component Properties Modal
      • Properties (Add)
        • Text Property
        • Rich Text Property
        • List Property
        • Link Property
        • Image Property
        • Gallery Property
        • Video Property
        • Icon Property
        • Colour Property
        • Toggle Property
        • Number Property
        • Class Property
        • ID Property
        • Options Property
        • Conditions Property
        • Visibility Property
        • CSS Text Property
    • Copy/Paste
      • Block Styles
      • Classes & IDs
      • Dynamic Preview
      • Global Styles
      • Global Classes & Stylesheets
      • Blocks
    • CSS Grid
    • Dynamic Inserter
    • Font Manager
    • Navigator
    • Quick Inserter
    • Scaling
    • Smart Inserter
    • Span
    • Tag
  • ⛵Tailwind
    • Getting Started
      • About
      • Activate
      • Copy/Paste
      • Enable editing mode
      • Apply a Class
      • Pseudo state Management
      • Automatically Sync
        • Breakpoints
        • Colours
      • Shells
      • Custom Tailwind Configuration
      • Import Tailwind Plugins
  • 🖌️Themer
    • Themer
      • Templates
      • Parts
      • Fragments
    • Role Editor
      • User Role
      • Gutenberg Editor
      • Global Block Behaviour
      • Block Toolbar
      • Miscellaneous
      • Components
      • Code Block
      • Blocks
      • Post Types
      • Force iFrame
      • Client Canvas View
      • Help
      • User
  • 🌐Global Styles
    • Global Styles
      • Global Colours
        • Folders
        • Colour tab
        • Palette tab
        • Modifiers tab
          • Opacity
          • Lighten
          • Darken
          • Saturate
          • Desaturate
          • Spin
      • Dark Mode
      • Global Gradients
      • Global Typography
      • Global Block Typography
      • Theme Elements
      • Global Settings
        • Defaults
        • Backend
      • Remove Gutenberg Global Styles
    • Global Classes & Stylesheets
      • Global Classes
      • Global Stylesheets
      • External Classes
  • 🎨Design
    • Background
      • Background Colors
      • Background Source
      • Sizing & Positioning
      • Styling
    • Typography
      • Typography
      • Rem conversion
      • Global Typography
      • Text Align
      • Font Family
      • Font Size
      • Font Weight
      • Spacing
      • Line Height
      • Style
      • Decoration
      • Transform
      • White Space
      • Overflow Wrap
      • Word Break
      • Word Spacing
      • Axes
      • Text Colour
      • Link Colour
    • Fluid Values
    • Layout
      • Display
      • Visual
      • Position
    • Sizing
      • Height
      • Width
    • Margin & Padding
    • Borders
      • Border
      • Shadows
      • Outline
    • Effects
      • General
      • Transitions
      • Animations
      • Filters
      • Text Shadow
      • Tilter
      • Separators
    • Transforms
    • Pseudo Classes/Elements
    • Relative Styling
  • 🎓Advanced
    • Custom CSS
    • Quick Code
    • Scrolling
      • Animate On Scroll
      • Scroll Direction
    • Attributes
    • Tooltip
      • Source
      • Theme
        • Custom Theme
  • 👆Interactions
    • Visibility Conditions
      • Blocks
      • Themer
    • Link
      • Link Source
      • Link Action
    • Interactions
      • Trigger
      • Actions
    • Hover Animation
    • Dynamic Slider
      • Settings Tab
  • 🖥️Editor
    • Inserter Panel
    • Quick Insert
    • Block Inspector
    • Primary Tab
    • Design Tab
    • Advanced Tab
    • Responsive Selector
  • 🔧Blocks
    • Accordions
    • Accordion
      • Basics
      • Settings
      • Colours
      • Layout
      • Typography
      • Margin and Padding
    • Button
      • Add
      • Icon
    • Code
      • Enable/Disable
      • Add
      • Languages
      • Settings
    • Columns
      • Basics
      • Add
      • Settings
      • Grid Editor
        • Auto Grid
        • Auto Template
    • Column
    • Container
    • Div
    • Filter
      • Basics
      • Filter Editor
      • Create a Filter
      • Style a Filter (example)
    • Fragment
    • Gallery
      • Filter
      • Source
      • Settings
      • Text
      • Image Style
    • Heading
    • Hook
    • Icon
    • Image
      • Source
      • Size
      • Settings
      • Hover Animation
    • Input
      • Input Settings
    • List
      • List Types
      • Settings
      • Icon
    • Maps
      • Settings
      • Size
      • Style
      • Overlay Layout
      • Colours
    • Menu
      • Settings
      • Main Menu
      • Sub Menu
      • Items
    • Modal
      • Modal Style
      • Settings
      • Trigger
      • Animation
    • Nav
      • Nav Block Settings and Styles
      • Nav Items Block
      • Nav Dropdown Block
      • Nav Link
      • Custom Dropdown Block
      • Nav Menu
    • Post Content
    • Paragraph
    • Popover
    • Query
      • Query Settings
      • Query Editor
        • Posts
        • Terms
        • Users
        • Comments
    • Query Template
      • Layout
      • Grid editor
    • Repeater
      • Nested Repeater
    • Section
    • Slider
      • Settings
      • Navigation
      • Dots
    • Slide
    • Styler
    • SVG Block
    • Tab List
      • Tab
    • Tab Contents
      • Tab Content
    • Taxonomy Terms
    • Video
      • Source
      • Settings
      • Div Overlay
  • ⚙️Settings
    • Settings
    • License
    • Icon Collections
    • Font Sets
    • Google Maps API
    • Advanced Settings
    • Regeneration
    • WooCommerce
  • 🛒WooCommerce
    • Archive Page
    • Attributes
      • Colour Type
      • Image Type
    • Cart
    • Product Variations
    • Create a Product Type
      • Simple
      • Variable
        • Create Attributes
      • Grouped
      • External
    • Build a Single Product Page
    • Dynamic Content
    • Link
  • 🗃️Miscellaneous
    • Blocks Specifics
    • Icon Selector
    • Trailing Slash
    • Units
      • Default Units
    • Code Snippets
    • Shortcuts
    • Actions
    • Filters
    • Browser Console
  • 🔗Resources
    • Changelog
    • Roadmap
    • Forum
Powered by GitBook
On this page
  • Colours
  • Background
  • Spacing
  • Padding
  • Margin
  • Borders
  • Radius
  • Colour
  • Style
  • Width
  • Sub Menu Items

Was this helpful?

  1. Blocks
  2. Menu

Sub Menu

Last updated 2 years ago

Was this helpful?

The Sub Menu property allow you to customise your Sub Menus, for example: background colour, spacing, borders, Sub Menu Items.

Colours

Background

The Sub Menu Background property allows you to add a background colour to your Sub Menus.

Select Background Colour
  1. Select a Cwicly Menu block

  2. Open Sub menu tab

  3. Open Colours tab

  4. Find Background

  5. Select Background colour

Reset Background Colour
  1. Select a Cwicly Menu block

  2. Open Sub menu tab

  3. Open Colours tab

  4. Find Background

  5. Click dot to reset

Spacing

The Sub Menu Spacing property lets you add spacing to your Sub Menus, such as Padding and Margins.

Padding

The Sub Menu Padding property allows you to modify the space inside the border of a sub menu element.

Modify Padding
  1. Select a Cwicly Menu block

  2. Open Sub menu tab

  3. Open Spacing tab

  4. Find Padding

  5. Choose Padding, linked or unlinked

Reset Padding
  1. Select a Cwicly Menu block

  2. Open Sub menu tab

  3. Open Spacing tab

  4. Find Padding

  5. Click dot(s) to reset

Margin

The Sub Menu Margin property allows you to modify the space outside the border of a sub menu element.

Modify Margin
  1. Select a Cwicly Menu block

  2. Open Sub menu tab

  3. Open Spacing tab

  4. Find Margin

  5. Choose Margin(s), linked or unlinked

Reset Margin
  1. Select a Cwicly Menu block

  2. Open Sub menu tab

  3. Open Spacing tab

  4. Find Margin

  5. Click dot(s) to reset

Borders

The Sub Menu Borders property allows you to choose a border for your sub menu items and modify features such as: radius, style, width.

Radius

The Sub Menu Radius property allows you to define the edges of your Sub Menu items.

Adjust Radius
  1. Select a Cwicly Menu block

  2. Open Sub menu tab

  3. Open Borders tab

  4. Find Radius

  5. Adjust radius, linked or unlinked

Reset Radius
  1. Select a Cwicly Menu block

  2. Open Sub menu tab

  3. Open Borders tab

  4. Find Radius

  5. Click dot(s) to reset

Colour

The Sub Menu Border Colour property allows you to choose a border colour for your Sub Menu border.

Select Border Colour
  1. Select a Cwicly Menu block

  2. Open Sub menu tab

  3. Open Borders tab

  4. Find Border

  5. Select colour

Reset Border Colour
  1. Select a Cwicly Menu block

  2. Open Sub menu tab

  3. Open Borders tab

  4. Find Border

  5. Click dot to reset

Style

The Sub Menu Style property allows you to choose a border style for your Sub Menu border such as: solid, dotted, dashed.

Select Style
  1. Select a Cwicly Menu block

  2. Open Sub menu tab

  3. Open Borders tab

  4. Find Style

  5. Choose style (solid, dotted, dashed)

Remove Style
  1. Select a Cwicly Menu block

  2. Open Sub menu tab

  3. Open Borders tab

  4. Find Style

  5. Click X to remove

Width

The Sub Menu Width property allows you to choose a border width for your Sub Menu border.

Choose Border Width
  1. Select a Cwicly Menu block

  2. Open Sub menu tab

  3. Open Borders tab

  4. Find Width

  5. Choose width, linked or unlinked

Reset Border Width
  1. Select a Cwicly Menu block

  2. Open Sub menu tab

  3. Open Borders tab

  4. Find Width

  5. Click dot(s) to reset

Sub Menu Items

Open the

Navigate to the

Open the

Navigate to the

Open the

Navigate to the

Open the

Navigate to the

Open the

Navigate to the

Open the

Navigate to the

Open the

Navigate to the

Open the

Navigate to the

Open the

Navigate to the

Open the

Navigate to the

Open the

Navigate to the

Open the

Navigate to the

Open the

Navigate to the

Open the

Navigate to the

🔧
block inspector
primary tab
block inspector
primary tab
block inspector
primary tab
block inspector
primary tab
block inspector
primary tab
block inspector
primary tab
block inspector
primary tab
block inspector
primary tab
block inspector
primary tab
block inspector
primary tab
block inspector
primary tab
block inspector
primary tab
block inspector
primary tab
block inspector
primary tab
Items