Preface

Introduction

Thank you for purchasing Slick Menu WordPress plugin.

Slick Menu is an advanced plugin for creating unlimited off-canvas multi push vertical menus.  It will let you customize and style your menus directly within WordPress customizer with live preview.

Each menu level can be customized independently. Many styling options are available. Level width, fonts, icons, colors, backgrounds, overlays, patterns, video backgrounds, lots of animation settings and much more.

Slick Menus are fully responsive and will work on every device.

Back To Top

Licensing

This section will explain all you have to know about licensing for Slick Menu and point you to necessary resources. The most important thing you need to know about licensing of Slick Menu is that we totally rely on licensing and copyrights developed by Envato who has an amazing licensing standards. At the moment Envato, so as XplodedThemes, offers 2 types of licenses.

Regular License

Regular License is the most common type of licensing for Slick Menu. Regular license allows you to use item in one single end product which end user is not charged to access or use. You can acquire regular license for your own website, or if you are a developer – for one client by transferring the license to your client when the project is finished.

In order to read more about Regular license please visit CodeCanyon.

Back To Top

Extended License

Extended License allows use of the item in one single end product, which you or one client may sell to end users (charge end users to access or use the end product), but user do not have access to the source files in any case.

Extended license allows you to integrate Slick Menu into your WordPress theme to sell on ThemeForest.

In order to read more about Extended license please visit CodeCanyon.

Back To Top

Getting Started

Plugin Installation

Slick Menu installation doesn’t differ from any other plugin installation process, so you might be familiar with this process already. If not, please follow instructions below.

  1. Login to your website
  2. Go to Plugins -> Add New
  3. Click Upload Link
  4. Browse to the plugin’s zip file (it is located in the archive you’ve downloaded from CodeCanyon) and choose that file.
  5. Click “Install Now” button
  6. Wait while plugin is uploaded to your server
  7. Click “Activate Plugin” button

Congratulations, you are all set!

To start, visit the Slick Menu section within the dashboard menu.

Back To Top

Plugin Activation

If you have bought Slick Menu directly from XplodedThemes it is necessary to activate your copy in order to have direct access to automated updates and official support page. In order to activate Slick Menu please follow these steps:

  1. Download your Purchase Code from Envato / Downloads SectionPurchase Code
  2. Go to Slick Menu -> About -> License
  3. Enter and validate  your purchase code

Back To Top

Plugin Update

  • Automated updates.
    Slick Menu supports automated updates. Simply validate your Purchase Code within the About section and automated updates will be enabled.
  • Manual Update
    You can also update Slick Menu manually, to perform it please follow these steps:

    • First, login to CodeCanyon and under your profile click Downloads link.
    • Re-download Slick Menu and extract it.
    • Now navigate to the Plugins menu in your WordPress admin area.
    • Remove old copy of Slick Menu.
    • Upload new version of Slick Menu.

Back To Top

Enable Slick Menu

You can enable Slick Menus from 2 places.


  1. From the Appearance -> Menus section
    • Go to Appearance -> Menus
    • Create a new menu or select an existing one
    • Click the enable button within the Slick Menu left box
      enable
    • Click the Menu Settings to start editing Global Menu settings. Global settings will affect the whole menu. Some options will only target the first menu level.
      menu-settings
    • You can edit individual levels by editing the menu item it self. By hovering over a menu item, a Slick Menu button will appear. Simply click the button and the menu item settings panel will open. These settings will only be applied to this menu item level and overrides the global settings
      item-settings
  2. From the Customizer
    You can also do the same steps within WordPress Customizer which also lets you preview your changes while editing your menu.

    • Go to Appearance -> Customize -> Menus -> Select Menu
      OR, if the menu is already enabled as Slick Menu
      Go to Slick Menu -> Hover over the menu -> Click Edit In Customizer
      slickmenus
    • If the menu is not yet enabled as Slick Menu, click the enable button to enable it.
    • Click the Toggle Preview to view your menu within the Customizer Preview
      preview
    • Click the Menu Settings to edit the Global Settings or Hover over the menu items and click on the Slick Menu button to edit an individual menu item.
      menu-settings-customizer

Back To Top

Learn More

Global Settings

Global Settings

Within the settings menu, you can manage global settings such as Mobile Breakpoint, site wrapper backgrounds and the famous hamburger trigger.

Note: The wrapper background is actually the body background which is only visible if you have chosen a 3D menu animation that pushes the content in perspective view. Only in that case, you will be able to see the wrapper behind the site content. You can apply a background colors, images, patterns, overlays and videos.

Note: Default wrapper settings can be overridden within each menu and each menu item. Basically, you have the option to set a new wrapper background / video for each menu level. Whenever a new menu level is opened, the wrapper will transition to the new background / video.

Note: You can create multiple slick menus, however you can only create 2 hamburger triggers (Top Left / Top Right) corners. If you have more than 2 Slick Menus, you can still create custom triggers. More info on that here: Custom Triggers

Back To Top

Menu Settings

Menu settings are mostly global settings for the whole menu in general. Some options are only applied to the first menu level.

Note: Within an opened settings panel, you can switch from section to section without having to save every time. You can save once you finish with your customizations.

General Settings

  • General
  • Menu Mobile Breakpoint
    Breakpoint Width in px (Leave empty to inherit Global Settings)
    Default Value: --
  • Load menu on demand using ajax
    Recommended if you have created a lot of slick menus for a faster Page load. If disabled, the menu will be auto loaded on each page
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Menu Position
    Select a menu position
    Possible Values:
    • Left
    • Right
    Default Value: Right
  • Activate Current Menu Item on Menu Open
    Automatically open current menu item level once menu is open
    Possible Values:
    • No
    • Yes
    Default Value: Yes
  • Always visible
    You can only have 1 menu set as "always visible", by enabling this option, any other visible menus will automatically be hidden.
    Possible Values:
    • No
    • Yes
    Default Value: No
    • Horizontal Shadow
      Default Value: 0
    • Vertical Shadow
      Default Value: 0
    • Shadow Distance
      Default Value: 0
    • Shadow Spread Size
      Default Value: 0
    • Shadow Color
      Default Value: --
  • Levels Animation Type
    Select a level animation type
    Possible Values:
    • Covering
    • Overlapping
    Default Value: Covering
  • Menu Animation Type
    Select a menu animation type
    Possible Values:
    • Fade in
    • Slide in
    • Reveal
    • Push
    • Slide along
    • Reverse slide out
    • Rotate pusher
    • 3D rotate in
    • 3D rotate out
    • Scale down pusher
    • Scale Up
    • Scale & rotate pusher
    • Open door
    • Fall down
    • Delayed 3D Rotate
    • Scale in
    • Scale out
    Default Value: Slide in
  • Menu Animation Type for Mobiles Devices
    Select a menu animation type that will be used for mobile devices.
    Possible Values:
    • Fade in
    • Slide in
    • Reveal
    • Slide along
    • Scale in
    • Scale out
    Default Value: Reveal
  • Menu Opening Animation Duration
    Default Value: 500
  • Menu Opening Animation Easing
    Possible Values:
    • Linear
    • Ease
    • Ease-in
    • Ease-out
    • Ease-in-out
    • EaseInQuad
    • EaseInCubic
    • EaseInQuart
    • EaseInQuint
    • EaseInSine
    • EaseInExpo
    • EaseInCirc
    • EaseInBack
    • EaseOutQuad
    • EaseOutCubic
    • EaseOutQuart
    • EaseOutQuint
    • EaseOutSine
    • EaseOutExpo
    • EaseOutCirc
    • EaseOutBack
    • EaseInOutQuad
    • EaseInOutCubic
    • EaseInOutQuart
    • EaseInOutQuint
    • EaseInOutSine
    • EaseInOutExpo
    • EaseInOutCirc
    • EaseInOutBack
    Default Value: Ease-out
  • Menu Closing Animation Duration
    Default Value: 500
  • Menu Closing Animation Easing
    Possible Values:
    • Linear
    • Ease
    • Ease-in
    • Ease-out
    • Ease-in-out
    • EaseInQuad
    • EaseInCubic
    • EaseInQuart
    • EaseInQuint
    • EaseInSine
    • EaseInExpo
    • EaseInCirc
    • EaseInBack
    • EaseOutQuad
    • EaseOutCubic
    • EaseOutQuart
    • EaseOutQuint
    • EaseOutSine
    • EaseOutExpo
    • EaseOutCirc
    • EaseOutBack
    • EaseInOutQuad
    • EaseInOutCubic
    • EaseInOutQuart
    • EaseInOutQuint
    • EaseInOutSine
    • EaseInOutExpo
    • EaseInOutCirc
    • EaseInOutBack
    Default Value: Ease-in
  • Menu Overlap Title Font Family
    Default Value: Lato:400
  • Menu Overlap Title Color
    Applicable for overlapping Levels
    Default Value: #ffffff
  • Menu Overlap Icon Color
    Applicable for overlapping Levels
    Default Value: #ffffff
  • Menu Overlap Background Color
    Applicable for overlapping Levels
    Default Value: Rgba(0, 0, 0, 0.3)

Close Link

  • General
  • Colors
  • Icon
  • Spacing
  • Border
  • Animations

Level Search Box

  • General
  • Search Enabled
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Search Text Align
    Possible Values:
    • Left
    • Center
    • Right
    Default Value: Left
  • Show Search Placeholder Text
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Font & Style
  • Search Font Family
    Default Value: Lato:300
  • Search Font Size
    Enter size in (%, px)
    Default Value: 20px
  • Colors
  • Search Background Color
    Default Value: Rgba(255, 255, 255, 0.1)
  • Search Font Color
    Default Value: Rgba(255, 255, 255, 0.7)
  • Icon
  • Search Icon Position
    Possible Values:
    • Left
    • Right
    Default Value: Right
  • Search Icon Size
    Default Value: 20px
  • Search Icon Color
    Default Value: Rgba(255, 255, 255, 0.7)
  • Spacing
  • Search Box Width
    Width is 100% by default
    Default Value: --
  • Search Box Margin
    Margin in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: 15px
  • Search Box Horizontal Padding
    Horizontal Padding in (%, px). Ex: 15px
    Default Value: 15px
  • Border
    • Border Top Width
      Default Value: 0
    • Border Right Width
      Default Value: 0
    • Border Bottom Width
      Default Value: 0
    • Border Left Width
      Default Value: 0
    • Border Radius
      Default Value: 0
    • Border Style
      Possible Values:
      • None
      • Solid
      • Dotted
      • Dashed
      • Double
      Default Value: --
    • Border Color
      Default Value: --
  • Animations
  • Search Animation
    Possible Values:
    • Bounce
    • Flash
    • Pulse
    • RubberBand
    • Shake
    • Swing
    • Tada
    • Wobble
    • Jello
    • BounceIn
    • BounceInDown
    • BounceInLeft
    • BounceInRight
    • BounceInUp
    • FadeIn
    • FadeInDown
    • FadeInDownBig
    • FadeInLeft
    • FadeInLeftBig
    • FadeInRight
    • FadeInRightBig
    • FadeInUp
    • FadeInUpBig
    • Flip
    • FlipInX
    • FlipInY
    • LightSpeedIn
    • RotateIn
    • RotateInDownLeft
    • RotateInDownRight
    • RotateInUpLeft
    • RotateInUpRight
    • SlideInUp
    • SlideInDown
    • SlideInLeft
    • SlideInRight
    • ZoomIn
    • ZoomInDown
    • ZoomInLeft
    • ZoomInRight
    • ZoomInUp
    • Hinge
    • RollIn
    • RollOut
    Default Value: --

Level General Settings

  • General
  • Level Width
    Set a width in (%, px, vw). Use the vw unit to enter a percentage related to the viewport width. Ex 50vw would make the width equal to half the window width.
    Default Value: 350px
  • Level Mobile Centered
    Force level content to be centered on mobile breakpoint
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Inner Level Vertical Align
    Possible Values:
    • Top
    • Middle
    • Bottom
    Default Value: Middle
  • Level Disable Scroll
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Level Show Scroll Bar
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Level Auto Scroll To Current Item
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Spacing
  • Level Padding
    Padding in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: 40px 0

Level Header

  • General
  • Level Header Stick To Top
    The level header that includes the Logo and the search box, will be sticked to the top
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Level Header Over Content
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Colors
    • Background Image
      Default Value: --
    • Background Color
      Default Value: --
    • Background Repeat
      Possible Values:
      • No Repeat
      • Repeat All
      • Repeat Horizontally
      • Repeat Vertically
      Default Value: --
    • Background Size
      Possible Values:
      • Cover
      • Contain
      Default Value: --
    • Background Position
      Possible Values:
      • Left Top
      • Left Center
      • Left Bottom
      • Center Top
      • Center Center
      • Center Bottom
      • Right Top
      • Right Center
      • Right Bottom
      Default Value: --
  • Spacing
  • Header Wrapper Padding
    Padding in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: 0 25px 25px
  • Header Wrapper Margin
    Margin in (%, px). [top right bottom left] Ex: 20px or 20px 0
    Default Value: --

Level Background

  • Background Color / Image
    • Background Image
      Default Value: --
    • Background Color
      Default Value: #244c75
    • Background Repeat
      Possible Values:
      • No Repeat
      • Repeat All
      • Repeat Horizontally
      • Repeat Vertically
      Default Value: --
    • Background Size
      Possible Values:
      • Cover
      • Contain
      Default Value: --
    • Background Position
      Possible Values:
      • Left Top
      • Left Center
      • Left Bottom
      • Center Top
      • Center Center
      • Center Bottom
      • Right Top
      • Right Center
      • Right Bottom
      Default Value: --
    • Apply background to sub levels
      Default Value: 0
  • Background Pattern
    • Pattern
      Possible Values:
      Default Value: --
    • Opacity
      Set pattern opacity, a lower value makes the pattern more transparent
      Default Value: 0.5
    • Apply pattern to sub levels
      Default Value: 0
  • Background Overlay
    • Type
      Possible Values:
      • Solid Color
      • Gradient
      Default Value: --
    • Color
      Default Value: --
    • Direction
      Possible Values:
      • To Right
      • To Left
      • To Top
      • To Bottom
      Default Value: --
    • Color Start
      Default Value: --
    • Color End
      Default Value: --
    • Apply overlay to sub levels
      Default Value: 0
  • Background Video
    • Youtube Video ID
      Ex: LSmgKRx5pBo
      Default Value: --
    • Quality
      We recommend that you set the parameter value to default, which instructs YouTube to select the most appropriate playback quality, which will vary for different users, videos, systems and other playback conditions.
      Possible Values:
      • Default
      • Small
      • Medium
      • Large
      • HD 720
      • HD 1080
      • High Resolution
      Default Value: --
    • Opacity
      Set video opacity, a lower value makes the video more transparent
      Default Value: 1
    • Scale Video
      Scaling the video is useful to hide top and bottom black borders in some videos
      Default Value: 1
    • Start Video At
      Second in which video should begin playing at
      Default Value: --
    • End Video At
      Second in which video should end playing at
      Default Value: --
    • Never Pause
      By default, the video will be paused and hidden on inactive menu levels and will be un-paused once the level is active again
      Default Value: 0
    • Repeat
      Loop video indefinitely
      Default Value: 1
    • Play Audio
      Default Value: 0
    • Show Loading Animation
      Default Value: 0
    • Place behind background overlay
      Default Value: 0
    • Mobile Video Embed Fallback
      Video backgrounds are not supported on mobile. Enable this fallback option to make the video available on mobile as a regular embed video player.
      Default Value: 0

Level Logo

  • General
  • Logo Image
    Default Value: --
  • Show logo on main level only
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Logo Url
    Default Value: --
  • Logo Width
    Enter Width in (%, px)
    Default Value: 100px
  • Logo Height
    Enter Height in (%, px)
    Default Value: --
  • Logo Align
    Possible Values:
    • Left
    • Center
    • Right
    Default Value: Center
  • Spacing
  • Logo Padding
    Padding in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: 40px 25px
  • Border
    • Border Top Width
      Default Value: 0
    • Border Right Width
      Default Value: 0
    • Border Bottom Width
      Default Value: 0
    • Border Left Width
      Default Value: 0
    • Border Radius
      Default Value: 0
    • Border Style
      Possible Values:
      • None
      • Solid
      • Dotted
      • Dashed
      • Double
      Default Value: --
    • Border Color
      Default Value: --
  • Animations
  • Logo Animation
    Possible Values:
    • Bounce
    • Flash
    • Pulse
    • RubberBand
    • Shake
    • Swing
    • Tada
    • Wobble
    • Jello
    • BounceIn
    • BounceInDown
    • BounceInLeft
    • BounceInRight
    • BounceInUp
    • FadeIn
    • FadeInDown
    • FadeInDownBig
    • FadeInLeft
    • FadeInLeftBig
    • FadeInRight
    • FadeInRightBig
    • FadeInUp
    • FadeInUpBig
    • Flip
    • FlipInX
    • FlipInY
    • LightSpeedIn
    • RotateIn
    • RotateInDownLeft
    • RotateInDownRight
    • RotateInUpLeft
    • RotateInUpRight
    • SlideInUp
    • SlideInDown
    • SlideInLeft
    • SlideInRight
    • ZoomIn
    • ZoomInDown
    • ZoomInLeft
    • ZoomInRight
    • ZoomInUp
    • Hinge
    • RollIn
    • RollOut
    Default Value: --

Level Back Link

  • General
  • Font & Style
  • Colors
  • Icon
  • Spacing

Level Title

  • General
  • Title Hidden
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Title Override
    Default Value: --
  • Title Fullwidth
    Possible Values:
    • No
    • Yes
    Default Value: Yes
  • Title Stick To Top
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Title Position
    Possible Values:
    • Left
    • Center
    • Right
    Default Value: Center
  • Font & Style
  • Title Font Family
    Default Value: Lato:400
  • Title Font Size
    Enter size in (%, px)
    Default Value: 24px
  • Title Text Transform
    Possible Values:
    • None
    • Capitalize
    • Uppercase
    • Lowercase
    • Initial
    • Inherit
    Default Value: None
  • Title Text Align
    Possible Values:
    • Left
    • Center
    • Right
    • Justify
    Default Value: Center
  • Colors
  • Title Font Color
    Default Value: #ffffff
  • Title Background Color
    Default Value: Rgba(0,0,0,0.1)
  • Icon
  • Title Icon
    The title will inherit the item icon
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Title Icon
    Applies to main level only.
    Default Value: --
  • Title Icon Size
    Enter size in (%, px)
    Default Value: 24px
  • Title Icon Color
    Default Value: #ffffff
  • Spacing
  • Title Padding
    Padding in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: 20px
  • Title Margin
    Margin in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: 0 0 15px 0
  • Border
    • Border Top Width
      Default Value: 0
    • Border Right Width
      Default Value: 0
    • Border Bottom Width
      Default Value: 0
    • Border Left Width
      Default Value: 0
    • Border Radius
      Default Value: 0
    • Border Style
      Possible Values:
      • None
      • Solid
      • Dotted
      • Dashed
      • Double
      Default Value: --
    • Border Color
      Default Value: --
  • Animations
  • Title Animation
    Possible Values:
    • Bounce
    • Flash
    • Pulse
    • RubberBand
    • Shake
    • Swing
    • Tada
    • Wobble
    • Jello
    • BounceIn
    • BounceInDown
    • BounceInLeft
    • BounceInRight
    • BounceInUp
    • FadeIn
    • FadeInDown
    • FadeInDownBig
    • FadeInLeft
    • FadeInLeftBig
    • FadeInRight
    • FadeInRightBig
    • FadeInUp
    • FadeInUpBig
    • Flip
    • FlipInX
    • FlipInY
    • LightSpeedIn
    • RotateIn
    • RotateInDownLeft
    • RotateInDownRight
    • RotateInUpLeft
    • RotateInUpRight
    • SlideInUp
    • SlideInDown
    • SlideInLeft
    • SlideInRight
    • ZoomIn
    • ZoomInDown
    • ZoomInLeft
    • ZoomInRight
    • ZoomInUp
    • Hinge
    • RollIn
    • RollOut
    Default Value: --

Level Sub Title

  • General
  • Sub Title Enabled
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Sub Title
    Default Value: --
  • Font & Style
  • Sub Title Font Family
    Default Value: Lato:400
  • Sub Title Font Size
    Enter size in (%, px)
    Default Value: 24px
  • Sub Title Text Transform
    Possible Values:
    • None
    • Capitalize
    • Uppercase
    • Lowercase
    • Initial
    • Inherit
    Default Value: None
  • Sub Title Text Align
    Possible Values:
    • Left
    • Center
    • Right
    • Justify
    Default Value: Center
  • Colors
  • Sub Title Font Color
    Default Value: #ffffff
  • Sub Title Background Color
    Default Value: --
  • Spacing
  • Sub Title Padding
    Padding in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: 20px
  • Sub Title Margin
    Margin in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: 0 0 15px 0
  • Border
    • Border Top Width
      Default Value: 0
    • Border Right Width
      Default Value: 0
    • Border Bottom Width
      Default Value: 0
    • Border Left Width
      Default Value: 0
    • Border Radius
      Default Value: 0
    • Border Style
      Possible Values:
      • None
      • Solid
      • Dotted
      • Dashed
      • Double
      Default Value: --
    • Border Color
      Default Value: --
  • Animations
  • Sub Title Animation
    Possible Values:
    • Bounce
    • Flash
    • Pulse
    • RubberBand
    • Shake
    • Swing
    • Tada
    • Wobble
    • Jello
    • BounceIn
    • BounceInDown
    • BounceInLeft
    • BounceInRight
    • BounceInUp
    • FadeIn
    • FadeInDown
    • FadeInDownBig
    • FadeInLeft
    • FadeInLeftBig
    • FadeInRight
    • FadeInRightBig
    • FadeInUp
    • FadeInUpBig
    • Flip
    • FlipInX
    • FlipInY
    • LightSpeedIn
    • RotateIn
    • RotateInDownLeft
    • RotateInDownRight
    • RotateInUpLeft
    • RotateInUpRight
    • SlideInUp
    • SlideInDown
    • SlideInLeft
    • SlideInRight
    • ZoomIn
    • ZoomInDown
    • ZoomInLeft
    • ZoomInRight
    • ZoomInUp
    • Hinge
    • RollIn
    • RollOut
    Default Value: --

Level Description

  • General
  • Description Enabled
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Use WordPress page as content?
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Description
    Shortcodes are supported however styling shortcode output is up to the user and might require some CSS knowledge. Also note that some shortcodes might not work properly if Slick Menu is set to load via Ajax.
    Default Value: --
  • Select Description Page
    Shortcodes are supported however styling shortcode output is up to the user and might require some CSS knowledge. Also note that some shortcodes might not work properly if Slick Menu is set to load via Ajax.
    Default Value: --
  • Font & Style
  • Description Font Family
    Default Value: Lato:400
  • Description Font Size
    Enter size in (%, px)
    Default Value: 18px
  • Description Line Height
    Enter line height in (px)
    Default Value: 24px
  • Description Text Transform
    Possible Values:
    • None
    • Capitalize
    • Uppercase
    • Lowercase
    • Initial
    • Inherit
    Default Value: None
  • Description Text Align
    Possible Values:
    • Left
    • Center
    • Right
    • Justify
    Default Value: Center
  • Colors
  • Description Font Color
    Default Value: #ffffff
  • Description Background Color
    Default Value: --
  • Spacing
  • Description Max Width
    Set a max width in (%, px, vw). Use the vw unit to enter a percentage related to the viewport width. Ex 50vw would make the width equal to half the window width.
    Default Value: --
  • Description Padding
    Padding in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: 20px
  • Description Margin
    Margin in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: 0 0 15px 0
  • Border
    • Border Top Width
      Default Value: 0
    • Border Right Width
      Default Value: 0
    • Border Bottom Width
      Default Value: 0
    • Border Left Width
      Default Value: 0
    • Border Radius
      Default Value: 0
    • Border Style
      Possible Values:
      • None
      • Solid
      • Dotted
      • Dashed
      • Double
      Default Value: --
    • Border Color
      Default Value: --
  • Animations
  • Description Animation
    Possible Values:
    • Bounce
    • Flash
    • Pulse
    • RubberBand
    • Shake
    • Swing
    • Tada
    • Wobble
    • Jello
    • BounceIn
    • BounceInDown
    • BounceInLeft
    • BounceInRight
    • BounceInUp
    • FadeIn
    • FadeInDown
    • FadeInDownBig
    • FadeInLeft
    • FadeInLeftBig
    • FadeInRight
    • FadeInRightBig
    • FadeInUp
    • FadeInUpBig
    • Flip
    • FlipInX
    • FlipInY
    • LightSpeedIn
    • RotateIn
    • RotateInDownLeft
    • RotateInDownRight
    • RotateInUpLeft
    • RotateInUpRight
    • SlideInUp
    • SlideInDown
    • SlideInLeft
    • SlideInRight
    • ZoomIn
    • ZoomInDown
    • ZoomInLeft
    • ZoomInRight
    • ZoomInUp
    • Hinge
    • RollIn
    • RollOut
    Default Value: --

Level Nav Menu

  • General
  • Nav Menu Max Width
    Width in (%, px). Ex: 50% or 200px
    Default Value: --
  • Nav Menu Align
    Possible Values:
    • Left
    • Center
    • Right
    Default Value: Center
  • Nav Menu Items Columns
    Select a default column layout used to display the items. This can be overridden within individual items.
    Possible Values:
    • Display items in 1 columns
    • Display items in 2 columns
    • Display items in 3 columns
    • Display items in 4 columns
    • Display items in 5 columns
    • Display items in 6 columns
    • Display items in 7 columns
    • Display items in 8 columns
    • Display items in 9 columns
    • Display items in 10 columns
    • Display items in 11 columns
    • Display items in 12 columns
    Default Value: Display items in 1 columns
  • Nav Menu Items Column Align
    Possible Values:
    • Left
    • Center
    • Right
    Default Value: Center
  • Spacing
  • Nav Menu Padding
    Padding in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: --

Level Nav Menu Items

  • General
  • Hidden
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Hide Label
    Applicable only if a menu item icon is set
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Fullwidth
    Possible Values:
    • No
    • Yes
    Default Value: Yes
  • Height (optional)
    Set a height in (%, px, vh). Useful to build grids. Use the vh unit to enter a percentage related to the viewport height. Ex 50vh would make the height equal to half the window height.
    Default Value: --
  • Font & Style
  • Font Family
    Default Value: Lato:400
  • Font Size
    Enter size in (%, px)
    Default Value: 20px
  • Line Height
    Enter line height in (px)
    Default Value: 25px
  • Text Transform
    Possible Values:
    • None
    • Capitalize
    • Uppercase
    • Lowercase
    • Initial
    • Inherit
    Default Value: None
  • Text Align
    Possible Values:
    • Left
    • Center
    • Right
    • Justify
    Default Value: Center
  • Vertical Align
    Possible Values:
    • Top
    • Middle
    • Bottom
    Default Value: Top
  • Colors
  • Font Color
    Default Value: Rgba(255, 255, 255, 0.9)
  • Background Color
    Default Value: --
  • Active Text Color
    Default Value: #ffffff
  • Active Background Color
    Default Value: Rgba(0,0,0,0.1)
  • Hover Text Color
    Default Value: #ffffff
  • Hover Background Color
    Default Value: Rgba(0,0,0,0.1)
  • Spacing
  • Padding
    Padding in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: 15px 50px
  • Margin
    Margin in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: --
  • Border
    • Border Top Width
      Default Value: 0
    • Border Right Width
      Default Value: 0
    • Border Bottom Width
      Default Value: 0
    • Border Left Width
      Default Value: 0
    • Border Radius
      Default Value: 0
    • Border Style
      Possible Values:
      • None
      • Solid
      • Dotted
      • Dashed
      • Double
      Default Value: --
    • Border Color
      Default Value: --
  • Icon
  • Icon Size
    Enter size in (%, px)
    Default Value: 25px
  • Icon Line Height
    Enter size in (px)
    Default Value: --
  • Icon Width
    Enter width in (px). Sometimes icons have irregular sizes, you might need to adjust the icon width to make sure that menu item titles are aligned properly
    Default Value: --
  • Icon Honrizontal Align
    Only useful if you have set an icon width
    Possible Values:
    • Left
    • Center
    • Right
    Default Value: Left
  • Icon Vertical Align
    Possible Values:
    • Top
    • Middle
    • Bottom
    Default Value: Middle
  • Icon Color
    Default Value: Rgba(255, 255, 255, 0.9)
  • Icon Hover Color
    Default Value: #ffffff
  • Arrow
  • Arrow Icon
    Set an arrow icon
    Default Values
    Type: Fa
    Icon: Fa-angle-right
  • Arrow Hide
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Arrow Position
    Possible Values:
    • Left
    • Right
    Default Value: Right
  • Arrow Size
    Enter size in (%, px)
    Default Value: 22px
  • Arrow Horizontal Offset
    Default Value: 0
  • Arrow Vertical Offset
    Default Value: 0
  • Arrow Color
    Default Value: Rgba(255,255,255,0.6)
  • Hover Arrow Color
    Default Value: Rgba(255,255,255,0.6)
  • Image
  • Thumbnail Position
    Possible Values:
    • Above Title
    • Below Title
    • Behind Title
    • Replace Title
    Default Value: Above Title
  • Thumbnail Background Repeat
    Possible Values:
    • No Repeat
    • Repeat All
    • Repeat Horizontally
    • Repeat Vertically
    Default Value: No Repeat
  • Thumbnail Background Size
    Possible Values:
    • Cover
    • Contain
    Default Value: Cover
  • Thumbnail Background Position
    Possible Values:
    • Left Top
    • Left Center
    • Left Bottom
    • Center Top
    • Center Center
    • Center Bottom
    • Right Top
    • Right Center
    • Right Bottom
    Default Value: Center Center
  • Thumbnail Size
    Possible Values:
    • Thumbnail x 150 Cropped
    • Medium x 300
    • Medium_large
    • Large x 1024
    • Custom Size
    Default Value: Medium x 300
  • Thumbnail Width
    Default Value: --
  • Thumbnail Height
    Default Value: --
  • Thumbnail Crop
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Thumbnail Stretch
    This will stretch the image to fit it's container
    Possible Values:
    • No
    • Yes
    Default Value: No
  • Thumbnail Margin
    Margin in (%, px). [top right bottom left] Ex: 20px or 20px auto
    Default Value: 10px auto
    • Type
      Possible Values:
      • Solid Color
      • Gradient
      Default Value: --
    • Color
      Default Value: --
    • Direction
      Possible Values:
      • To Right
      • To Left
      • To Top
      • To Bottom
      Default Value: --
    • Color Start
      Default Value: --
    • Color End
      Default Value: --
  • Thumbnail Filter
    Apply a filter to the thumbnail
    Possible Values:
    • Brightness
    • Grayscale
    • Sepia
    • Saturate
    • Invert
    • Opacity
    • Contrast
    • Blur
    • Tint
    • Inkwell
    • Hue Rotate 90deg
    • Hue Rotate 180deg
    • Hue Rotate 270deg
    • Hue Rotate 360deg
    • Half Transparent
    • Fully Transparent
    Default Value: --
  • Thumbnail Hover Filter
    Apply a filter to the thumbnail on hover
    Possible Values:
    • None
    • Brightness
    • Grayscale
    • Sepia
    • Saturate
    • Invert
    • Opacity
    • Contrast
    • Blur
    • Tint
    • Inkwell
    • Hue Rotate 90deg
    • Hue Rotate 180deg
    • Hue Rotate 270deg
    • Hue Rotate 360deg
    • Half Transparent
    • Fully Transparent
    Default Value: --
  • Animations
  • Animation
    Possible Values:
    • Bounce
    • Flash
    • Pulse
    • RubberBand
    • Shake
    • Swing
    • Tada
    • Wobble
    • Jello
    • BounceIn
    • BounceInDown
    • BounceInLeft
    • BounceInRight
    • BounceInUp
    • FadeIn
    • FadeInDown
    • FadeInDownBig
    • FadeInLeft
    • FadeInLeftBig
    • FadeInRight
    • FadeInRightBig
    • FadeInUp
    • FadeInUpBig
    • Flip
    • FlipInX
    • FlipInY
    • LightSpeedIn
    • RotateIn
    • RotateInDownLeft
    • RotateInDownRight
    • RotateInUpLeft
    • RotateInUpRight
    • SlideInUp
    • SlideInDown
    • SlideInLeft
    • SlideInRight
    • ZoomIn
    • ZoomInDown
    • ZoomInLeft
    • ZoomInRight
    • ZoomInUp
    • Hinge
    • RollIn
    • RollOut
    Default Value: --
  • Hover Animation
    Possible Values:
    • Normal
    • Slide Right
    • Slide Left
    • Slide Up
    • Slide Down
    • Zoom
    Default Value: Normal
  • Box Shadow
    • Horizontal Shadow
      Default Value: 0
    • Vertical Shadow
      Default Value: 0
    • Shadow Distance
      Default Value: 0
    • Shadow Spread Size
      Default Value: 0
    • Shadow Color
      Default Value: --
    • Horizontal Shadow
      Default Value: 0
    • Vertical Shadow
      Default Value: 0
    • Shadow Distance
      Default Value: 0
    • Shadow Spread Size
      Default Value: 0
    • Shadow Color
      Default Value: --
  • Transforms
    • Enable Transforms
      Default Value: 0
    • Perspective
      Default Value: 0
    • Perspective Origin
      Possible Values:
      • Left Top
      • Left Center
      • Left Bottom
      • Center Top
      • Center Center
      • Center Bottom
      • Right Top
      • Right Center
      • Right Bottom
      Default Value: --
    • Scale X
      Default Value: 1
    • Scale Y
      Default Value: 1
    • Offset X
      Default Value: 0
    • Offset Y
      Default Value: 0
    • Rotate 2D
      Default Value: 0
    • Rotate X
      Default Value: 0
    • Rotate Y
      Default Value: 0
    • Rotate Z
      Default Value: 0
    • Skew
      Default Value: 0
    • Radius
      Default Value: 0
    • Enable Transforms
      Default Value: 0
    • Perspective
      Default Value: 0
    • Perspective Origin
      Possible Values:
      • Left Top
      • Left Center
      • Left Bottom
      • Center Top
      • Center Center
      • Center Bottom
      • Right Top
      • Right Center
      • Right Bottom
      Default Value: --
    • Transition Delay
      Default Value: 0
    • Transition Duration
      Default Value: 400
    • Scale X
      Default Value: 1
    • Scale Y
      Default Value: 1
    • Offset X
      Default Value: 0
    • Offset Y
      Default Value: 0
    • Rotate 2D
      Default Value: 0
    • Rotate X
      Default Value: 0
    • Rotate Y
      Default Value: 0
    • Rotate Z
      Default Value: 0
    • Skew
      Default Value: 0
    • Radius
      Default Value: 0
    • Enable Transforms
      Default Value: 0
    • Perspective
      Default Value: 0
    • Perspective Origin
      Possible Values:
      • Left Top
      • Left Center
      • Left Bottom
      • Center Top
      • Center Center
      • Center Bottom
      • Right Top
      • Right Center
      • Right Bottom
      Default Value: --
    • Transition Delay
      Default Value: 0
    • Transition Duration
      Default Value: 400
    • Scale X
      Default Value: 1
    • Scale Y
      Default Value: 1
    • Offset X
      Default Value: 0
    • Offset Y
      Default Value: 0
    • Rotate 2D
      Default Value: 0
    • Rotate X
      Default Value: 0
    • Rotate Y
      Default Value: 0
    • Rotate Z
      Default Value: 0
    • Skew
      Default Value: 0
    • Radius
      Default Value: 0

Level Footer

  • General
  • Font & Style
  • Colors
  • Spacing

Social Networks

  • General
  • Align
    Possible Values:
    • Left
    • Center
    • Right
    Default Value: --
  • Colors
  • Container Background Color
    Default Value: --
  • Spacing
  • Padding
    Padding in (%, px). Ex: 20px or 20px 10px
    Default Value: 15px 0
  • Margin
    Margin in (%, px). Ex: 20px or 20px 10px
    Default Value: --
  • Icon
  • Icon Size
    Size in (px). Ex: 20px
    Default Value: 20px
  • Icon Horizontal Spacing
    Spacing in (%, px). Ex: 20px
    Default Value: 3px
    • Border Top Width
      Default Value: 0
    • Border Right Width
      Default Value: 0
    • Border Bottom Width
      Default Value: 0
    • Border Left Width
      Default Value: 0
    • Border Radius
      Default Value: 100
    • Border Style
      Possible Values:
      • None
      • Solid
      • Dotted
      • Dashed
      • Double
      Default Value: --
    • Border Color
      Default Value: --
  • Networks
    • Network URL
      Default Value: --
    • Network Icon
      Default Value: --
    • Network Icon Color
      Default Value: --
    • Network Icon Hover Color
      Default Value: --
    • Network Icon Background Color
      Default Value: --
    • Network Icon Hover Background Color
      Default Value: --
  • Animations
  • Social Networks Animation
    Possible Values:
    • Bounce
    • Flash
    • Pulse
    • RubberBand
    • Shake
    • Swing
    • Tada
    • Wobble
    • Jello
    • BounceIn
    • BounceInDown
    • BounceInLeft
    • BounceInRight
    • BounceInUp
    • FadeIn
    • FadeInDown
    • FadeInDownBig
    • FadeInLeft
    • FadeInLeftBig
    • FadeInRight
    • FadeInRightBig
    • FadeInUp
    • FadeInUpBig
    • Flip
    • FlipInX
    • FlipInY
    • LightSpeedIn
    • RotateIn
    • RotateInDownLeft
    • RotateInDownRight
    • RotateInUpLeft
    • RotateInUpRight
    • SlideInUp
    • SlideInDown
    • SlideInLeft
    • SlideInRight
    • ZoomIn
    • ZoomInDown
    • ZoomInLeft
    • ZoomInRight
    • ZoomInUp
    • Hinge
    • RollIn
    • RollOut
    Default Value: --

Site Wrapper Settings

  • Background Color / Image
    • Background Image
      Default Value: --
    • Background Color
      Default Value: --
    • Background Repeat
      Possible Values:
      • No Repeat
      • Repeat All
      • Repeat Horizontally
      • Repeat Vertically
      Default Value: --
    • Background Size
      Possible Values:
      • Cover
      • Contain
      Default Value: --
    • Background Position
      Possible Values:
      • Left Top
      • Left Center
      • Left Bottom
      • Center Top
      • Center Center
      • Center Bottom
      • Right Top
      • Right Center
      • Right Bottom
      Default Value: --
  • Background Pattern
    • Pattern
      Possible Values:
      Default Value: --
    • Opacity
      Set pattern opacity, a lower value makes the pattern more transparent
      Default Value: 0.5
  • Background Overlay
    • Type
      Possible Values:
      • Solid Color
      • Gradient
      Default Value: --
    • Color
      Default Value: --
    • Direction
      Possible Values:
      • To Right
      • To Left
      • To Top
      • To Bottom
      Default Value: --
    • Color Start
      Default Value: --
    • Color End
      Default Value: --
  • Background Video
    • Youtube Video ID
      Ex: LSmgKRx5pBo
      Default Value: --
    • Quality
      We recommend that you set the parameter value to default, which instructs YouTube to select the most appropriate playback quality, which will vary for different users, videos, systems and other playback conditions.
      Possible Values:
      • Default
      • Small
      • Medium
      • Large
      • HD 720
      • HD 1080
      • High Resolution
      Default Value: --
    • Opacity
      Set video opacity, a lower value makes the video more transparent
      Default Value: 1
    • Scale Video
      Scaling the video is useful to hide top and bottom black borders in some videos
      Default Value: 1
    • Start Video At
      Second in which video should begin playing at
      Default Value: --
    • End Video At
      Second in which video should end playing at
      Default Value: --
    • Never Pause
      By default, the video will be paused and hidden on inactive menu levels and will be un-paused once the level is active again
      Default Value: 0
    • Repeat
      Loop video indefinitely
      Default Value: 1
    • Play Audio
      Default Value: 0
    • Show Loading Animation
      Default Value: 0
    • Mobile Video Embed Fallback
      Video backgrounds are not supported on mobile. Enable this fallback option to make the video available on mobile as a regular embed video player.
      Default Value: 0
  • Filter Effect
  • Wrapper Filter Effect
    Apply a filter to the site wrapper
    Possible Values:
    • Brightness
    • Grayscale
    • Sepia
    • Saturate
    • Invert
    • Opacity
    • Contrast
    • Blur
    • Tint
    • Inkwell
    • Hue Rotate 90deg
    • Hue Rotate 180deg
    • Hue Rotate 270deg
    • Hue Rotate 360deg
    • Half Transparent
    • Fully Transparent
    Default Value: Brightness

Site Content Settings

  • Background Color / Image
    • Background Image
      Default Value: --
    • Background Color
      Default Value: --
    • Background Repeat
      Possible Values:
      • No Repeat
      • Repeat All
      • Repeat Horizontally
      • Repeat Vertically
      Default Value: --
    • Background Size
      Possible Values:
      • Cover
      • Contain
      Default Value: --
    • Background Position
      Possible Values:
      • Left Top
      • Left Center
      • Left Bottom
      • Center Top
      • Center Center
      • Center Bottom
      • Right Top
      • Right Center
      • Right Bottom
      Default Value: --
  • Box Shadow
    • Horizontal Shadow
      Default Value: 0
    • Vertical Shadow
      Default Value: 0
    • Shadow Distance
      Default Value: 0
    • Shadow Spread Size
      Default Value: 0
    • Shadow Color
      Default Value: --
  • Filter Effect
  • Content Filter Effect
    Apply a filter to the site content when the menu is active
    Possible Values:
    • Brightness
    • Grayscale
    • Sepia
    • Saturate
    • Invert
    • Opacity
    • Contrast
    • Blur
    • Tint
    • Inkwell
    • Hue Rotate 90deg
    • Hue Rotate 180deg
    • Hue Rotate 270deg
    • Hue Rotate 360deg
    • Half Transparent
    • Fully Transparent
    Default Value: Brightness

Trigger Info

  • General
  • Trigger Custom Selector(s)
    Are you using a theme that already has a push menu trigger ? Insert the trigger selector here to override it's behaviour and act as a slick menu trigger instead. You can insert many selectors separated by a comma. Note: Within the customizer, this setting requires a page reload to take effect.
    Default Value: --

Back To Top

Menu Item Settings

To modify individual menu item settings, hover over a menu item and click on the slick menu button. Similar options will be available to you and will override the menu global settings

Menu Item Settings

  • General
  • Trigger a Slick Menu ?
    Possible Values:
    • No
    • Yes
    Default Value: Inherit
  • Select Slick Menu
    Default Value: Inherit
  • Icon
  • Menu Item Icon
    Set an icon
    Default Value: Inherit
  • Menu Item Icon Position
    Possible Values:
    • Before
    • After
    • Above
    • Below
    Default Value: Inherit
  • Menu Item Hide Label
    Applicable only if a menu item icon is set
    Possible Values:
    • No
    • Yes
    Default Value: Inherit

Menu Item Settings

  • General
  • Trigger a Slick Menu ?
    Possible Values:
    • No
    • Yes
    Default Value: Inherit
  • Select Slick Menu
    Default Value: Inherit
  • Fullwidth
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: Inherit
  • Height (optional)
    Set a height in (%, px, vh). Useful to build grids. Use the vh unit to enter a percentage related to the viewport height. Ex 50vh would make the height equal to half the window height.
    Default Value: Inherit
  • Font & Style
  • Font Family
    Default Value: Inherit
  • Font Size
    Enter size in (%, px)
    Default Value: Inherit
  • Line Height
    Enter line height in (px)
    Default Value: Inherit
  • Text Transform
    Possible Values:
    • Inherit
    • None
    • Capitalize
    • Uppercase
    • Lowercase
    • Initial
    Default Value: Inherit
  • Text Align
    Possible Values:
    • Inherit Parent Settings
    • Left
    • Center
    • Right
    • Justify
    Default Value: Inherit
  • Vertical Align
    Possible Values:
    • Inherit Parent Settings
    • Top
    • Middle
    • Bottom
    Default Value: Inherit
  • Colors
  • Font Color
    Default Value: Inherit
  • Background Color
    Default Value: Inherit
  • Active Text Color
    Default Value: Inherit
  • Active Background Color
    Default Value: Inherit
  • Hover Text Color
    Default Value: Inherit
  • Hover Background Color
    Default Value: Inherit
  • Spacing
  • Padding
    Padding in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: Inherit
  • Margin
    Margin in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: Inherit
  • Border
    • Border Top Width
      Default Value: 0
    • Border Right Width
      Default Value: 0
    • Border Bottom Width
      Default Value: 0
    • Border Left Width
      Default Value: 0
    • Border Radius
      Default Value: 0
    • Border Style
      Possible Values:
      • Inherit Parent Settings
      • None
      • Solid
      • Dotted
      • Dashed
      • Double
      Default Value: Inherit
    • Border Color
      Default Value: Inherit
  • Icon
  • Menu Item Icon
    Set an icon
    Default Value: Inherit
  • Menu Item Icon Position
    Possible Values:
    • Inherit Parent Settings
    • Before
    • After
    • Above
    • Below
    Default Value: Inherit
  • Menu Item Hide Label
    Applicable only if a menu item icon is set
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: Inherit
  • Icon Size
    Enter size in (%, px)
    Default Value: Inherit
  • Icon Line Height
    Enter size in (px)
    Default Value: Inherit
  • Icon Width
    Enter width in (px). Sometimes icons have irregular sizes, you might need to adjust the icon width to make sure that menu item titles are aligned properly
    Default Value: Inherit
  • Icon Honrizontal Align
    Only useful if you have set an icon width
    Possible Values:
    • Inherit Parent Settings
    • Left
    • Center
    • Right
    Default Value: Inherit
  • Icon Vertical Align
    Possible Values:
    • Inherit Parent Settings
    • Top
    • Middle
    • Bottom
    Default Value: Inherit
  • Icon Color
    Default Value: Inherit
  • Icon Hover Color
    Default Value: Inherit
  • Arrow
  • Arrow Hide
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: Inherit
  • Arrow Position
    Possible Values:
    • Inherit Parent Settings
    • Left
    • Right
    Default Value: Inherit
  • Arrow Size
    Enter size in (%, px)
    Default Value: Inherit
  • Arrow Horizontal Offset
    Default Value: 0
  • Arrow Vertical Offset
    Default Value: 0
  • Arrow Color
    Default Value: Inherit
  • Hover Arrow Color
    Default Value: Inherit
  • Image
  • Menu Item Thumbnail
    Default Value: Inherit
  • Thumbnail Position
    Possible Values:
    • Inherit Parent Settings
    • Above Title
    • Below Title
    • Behind Title
    • Replace Title
    Default Value: Inherit
  • Thumbnail Background Repeat
    Possible Values:
    • Inherit Parent Settings
    • No Repeat
    • Repeat All
    • Repeat Horizontally
    • Repeat Vertically
    Default Value: Inherit
  • Thumbnail Background Size
    Possible Values:
    • Inherit Parent Settings
    • Cover
    • Contain
    Default Value: Inherit
  • Thumbnail Background Position
    Possible Values:
    • Inherit Parent Settings
    • Left Top
    • Left Center
    • Left Bottom
    • Center Top
    • Center Center
    • Center Bottom
    • Right Top
    • Right Center
    • Right Bottom
    Default Value: Inherit
  • Thumbnail Size
    Possible Values:
    • Inherit Parent Settings
    • Thumbnail x 150 Cropped
    • Medium x 300
    • Medium_large
    • Large x 1024
    • Custom Size
    Default Value: Inherit
  • Thumbnail Width
    Default Value: Inherit
  • Thumbnail Height
    Default Value: Inherit
  • Thumbnail Crop
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: Inherit
  • Thumbnail Stretch
    This will stretch the image to fit it's container
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: Inherit
  • Thumbnail Margin
    Margin in (%, px). [top right bottom left] Ex: 20px or 20px auto
    Default Value: Inherit
    • Type
      Possible Values:
      • Inherit Parent Settings
      • Solid Color
      • Gradient
      Default Value: Inherit
    • Color
      Default Value: Inherit
    • Direction
      Possible Values:
      • Inherit Parent Settings
      • To Right
      • To Left
      • To Top
      • To Bottom
      Default Value: Inherit
    • Color Start
      Default Value: Inherit
    • Color End
      Default Value: Inherit
  • Thumbnail Filter
    Apply a filter to the thumbnail
    Possible Values:
    • Inherit Parent Settings
    • Brightness
    • Grayscale
    • Sepia
    • Saturate
    • Invert
    • Opacity
    • Contrast
    • Blur
    • Tint
    • Inkwell
    • Hue Rotate 90deg
    • Hue Rotate 180deg
    • Hue Rotate 270deg
    • Hue Rotate 360deg
    • Half Transparent
    • Fully Transparent
    Default Value: Inherit
  • Thumbnail Hover Filter
    Apply a filter to the thumbnail on hover
    Possible Values:
    • Inherit Parent Settings
    • None
    • Brightness
    • Grayscale
    • Sepia
    • Saturate
    • Invert
    • Opacity
    • Contrast
    • Blur
    • Tint
    • Inkwell
    • Hue Rotate 90deg
    • Hue Rotate 180deg
    • Hue Rotate 270deg
    • Hue Rotate 360deg
    • Half Transparent
    • Fully Transparent
    Default Value: Inherit
  • Animations
  • Animation
    Possible Values:
    • Inherit Parent or Main Settings
    • Bounce
    • Flash
    • Pulse
    • RubberBand
    • Shake
    • Swing
    • Tada
    • Wobble
    • Jello
    • BounceIn
    • BounceInDown
    • BounceInLeft
    • BounceInRight
    • BounceInUp
    • FadeIn
    • FadeInDown
    • FadeInDownBig
    • FadeInLeft
    • FadeInLeftBig
    • FadeInRight
    • FadeInRightBig
    • FadeInUp
    • FadeInUpBig
    • Flip
    • FlipInX
    • FlipInY
    • LightSpeedIn
    • RotateIn
    • RotateInDownLeft
    • RotateInDownRight
    • RotateInUpLeft
    • RotateInUpRight
    • SlideInUp
    • SlideInDown
    • SlideInLeft
    • SlideInRight
    • ZoomIn
    • ZoomInDown
    • ZoomInLeft
    • ZoomInRight
    • ZoomInUp
    • Hinge
    • RollIn
    • RollOut
    Default Value: Inherit
  • Hover Animation
    Possible Values:
    • Inherit Parent Settings
    • Normal
    • Slide Right
    • Slide Left
    • Slide Up
    • Slide Down
    • Zoom
    Default Value: Inherit
  • Box Shadow
    • Horizontal Shadow
      Default Value: 0
    • Vertical Shadow
      Default Value: 0
    • Shadow Distance
      Default Value: 0
    • Shadow Spread Size
      Default Value: 0
    • Shadow Color
      Default Value: Inherit
    • Horizontal Shadow
      Default Value: 0
    • Vertical Shadow
      Default Value: 0
    • Shadow Distance
      Default Value: 0
    • Shadow Spread Size
      Default Value: 0
    • Shadow Color
      Default Value: Inherit
  • Transforms
    • Enable Transforms
      Default Value: Inherit
    • Perspective
      Default Value: 0
    • Perspective Origin
      Possible Values:
      • Inherit Parent Settings
      • Left Top
      • Left Center
      • Left Bottom
      • Center Top
      • Center Center
      • Center Bottom
      • Right Top
      • Right Center
      • Right Bottom
      Default Value: Inherit
    • Scale X
      Default Value: 1
    • Scale Y
      Default Value: 1
    • Offset X
      Default Value: 0
    • Offset Y
      Default Value: 0
    • Rotate 2D
      Default Value: 0
    • Rotate X
      Default Value: 0
    • Rotate Y
      Default Value: 0
    • Rotate Z
      Default Value: 0
    • Skew
      Default Value: 0
    • Radius
      Default Value: 0
    • Enable Transforms
      Default Value: Inherit
    • Perspective
      Default Value: 0
    • Perspective Origin
      Possible Values:
      • Inherit Parent Settings
      • Left Top
      • Left Center
      • Left Bottom
      • Center Top
      • Center Center
      • Center Bottom
      • Right Top
      • Right Center
      • Right Bottom
      Default Value: Inherit
    • Transition Delay
      Default Value: 0
    • Transition Duration
      Default Value: 400
    • Scale X
      Default Value: 1
    • Scale Y
      Default Value: 1
    • Offset X
      Default Value: 0
    • Offset Y
      Default Value: 0
    • Rotate 2D
      Default Value: 0
    • Rotate X
      Default Value: 0
    • Rotate Y
      Default Value: 0
    • Rotate Z
      Default Value: 0
    • Skew
      Default Value: 0
    • Radius
      Default Value: 0
    • Enable Transforms
      Default Value: Inherit
    • Perspective
      Default Value: 0
    • Perspective Origin
      Possible Values:
      • Inherit Parent Settings
      • Left Top
      • Left Center
      • Left Bottom
      • Center Top
      • Center Center
      • Center Bottom
      • Right Top
      • Right Center
      • Right Bottom
      Default Value: Inherit
    • Transition Delay
      Default Value: 0
    • Transition Duration
      Default Value: 400
    • Scale X
      Default Value: 1
    • Scale Y
      Default Value: 1
    • Offset X
      Default Value: 0
    • Offset Y
      Default Value: 0
    • Rotate 2D
      Default Value: 0
    • Rotate X
      Default Value: 0
    • Rotate Y
      Default Value: 0
    • Rotate Z
      Default Value: 0
    • Skew
      Default Value: 0
    • Radius
      Default Value: 0
  • General
  • Menu Item Column
    Select a column layout used to display this item.
    Possible Values:
    • Inherit Parent or Main Settings
    • 1 of 1
    • 1 of 2
    • 2 of 2
    • 1 of 3
    • 2 of 3
    • 3 of 3
    • 1 of 4
    • 2 of 4
    • 3 of 4
    • 4 of 4
    • 1 of 5
    • 2 of 5
    • 3 of 5
    • 4 of 5
    • 5 of 5
    • 1 of 6
    • 2 of 6
    • 3 of 6
    • 4 of 6
    • 5 of 6
    • 6 of 6
    • 1 of 7
    • 2 of 7
    • 3 of 7
    • 4 of 7
    • 5 of 7
    • 6 of 7
    • 7 of 7
    • 1 of 8
    • 2 of 8
    • 3 of 8
    • 4 of 8
    • 5 of 8
    • 6 of 8
    • 7 of 8
    • 8 of 8
    • 1 of 9
    • 2 of 9
    • 3 of 9
    • 4 of 9
    • 5 of 9
    • 6 of 9
    • 7 of 9
    • 8 of 9
    • 9 of 9
    • 1 of 10
    • 2 of 10
    • 3 of 10
    • 4 of 10
    • 5 of 10
    • 6 of 10
    • 7 of 10
    • 8 of 10
    • 9 of 10
    • 10 of 10
    • 1 of 11
    • 2 of 11
    • 3 of 11
    • 4 of 11
    • 5 of 11
    • 6 of 11
    • 7 of 11
    • 8 of 11
    • 9 of 11
    • 10 of 11
    • 11 of 11
    • 1 of 12
    • 2 of 12
    • 3 of 12
    • 4 of 12
    • 5 of 12
    • 6 of 12
    • 7 of 12
    • 8 of 12
    • 9 of 12
    • 10 of 12
    • 11 of 12
    • 12 of 12
    Default Value: Inherit

Level General Settings

  • General
  • Show Empty Sub Level
    Show sub level even if the menu item has no sub items. Useful to show the level background image or video without having to add sub menu items
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: Inherit
  • Level Width
    Set a width in (%, px, vw). Use the vw unit to enter a percentage related to the viewport width. Ex 50vw would make the width equal to half the window width.
    Default Value: Inherit
  • Level Mobile Centered
    Force level content to be centered on mobile breakpoint
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: No
  • Inner Level Vertical Align
    Possible Values:
    • Inherit Parent Settings
    • Top
    • Middle
    • Bottom
    Default Value: Middle
  • Level Disable Scroll
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: No
  • Level Show Scroll Bar
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: No
  • Level Auto Scroll To Current Item
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: No
  • Spacing
  • Level Padding
    Padding in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: Inherit

Level Header

  • General
  • Level Header Stick To Top
    The level header that includes the Logo and the search box, will be sticked to the top
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: No
  • Level Header Over Content
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: No
  • Colors
    • Background Image
      Default Value: Inherit
    • Background Color
      Default Value: Inherit
    • Background Repeat
      Possible Values:
      • No Repeat
      • Repeat All
      • Repeat Horizontally
      • Repeat Vertically
      Default Value: Inherit
    • Background Size
      Possible Values:
      • Cover
      • Contain
      Default Value: Inherit
    • Background Position
      Possible Values:
      • Left Top
      • Left Center
      • Left Bottom
      • Center Top
      • Center Center
      • Center Bottom
      • Right Top
      • Right Center
      • Right Bottom
      Default Value: Inherit
  • Spacing
  • Header Wrapper Padding
    Padding in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: Inherit
  • Header Wrapper Margin
    Margin in (%, px). [top right bottom left] Ex: 20px or 20px 0
    Default Value: Inherit

Level Background

  • Background Color / Image
    • Background Image
      Default Value: Inherit
    • Background Color
      Default Value: #244c75
    • Background Repeat
      Possible Values:
      • No Repeat
      • Repeat All
      • Repeat Horizontally
      • Repeat Vertically
      Default Value: Inherit
    • Background Size
      Possible Values:
      • Cover
      • Contain
      Default Value: Inherit
    • Background Position
      Possible Values:
      • Left Top
      • Left Center
      • Left Bottom
      • Center Top
      • Center Center
      • Center Bottom
      • Right Top
      • Right Center
      • Right Bottom
      Default Value: Inherit
    • Apply background to sub levels
      Default Value: 0
  • Background Pattern
    • Pattern
      Possible Values:
      Default Value: Inherit
    • Opacity
      Set pattern opacity, a lower value makes the pattern more transparent
      Default Value: 0.5
    • Apply pattern to sub levels
      Default Value: 0
  • Background Overlay
    • Type
      Possible Values:
      • Solid Color
      • Gradient
      Default Value: Inherit
    • Color
      Default Value: Inherit
    • Direction
      Possible Values:
      • To Right
      • To Left
      • To Top
      • To Bottom
      Default Value: Inherit
    • Color Start
      Default Value: Inherit
    • Color End
      Default Value: Inherit
    • Apply overlay to sub levels
      Default Value: 0
  • Background Video
    • Youtube Video ID
      Ex: LSmgKRx5pBo
      Default Value: Inherit
    • Quality
      We recommend that you set the parameter value to default, which instructs YouTube to select the most appropriate playback quality, which will vary for different users, videos, systems and other playback conditions.
      Possible Values:
      • Default
      • Small
      • Medium
      • Large
      • HD 720
      • HD 1080
      • High Resolution
      Default Value: Inherit
    • Opacity
      Set video opacity, a lower value makes the video more transparent
      Default Value: 1
    • Scale Video
      Scaling the video is useful to hide top and bottom black borders in some videos
      Default Value: 1
    • Start Video At
      Second in which video should begin playing at
      Default Value: Inherit
    • End Video At
      Second in which video should end playing at
      Default Value: Inherit
    • Never Pause
      By default, the video will be paused and hidden on inactive menu levels and will be un-paused once the level is active again
      Default Value: 0
    • Repeat
      Loop video indefinitely
      Default Value: 1
    • Play Audio
      Default Value: 0
    • Show Loading Animation
      Default Value: 0
    • Place behind background overlay
      Default Value: 0
    • Mobile Video Embed Fallback
      Video backgrounds are not supported on mobile. Enable this fallback option to make the video available on mobile as a regular embed video player.
      Default Value: 0

Level Logo

  • General
  • Logo Hidden
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: Inherit
  • Logo Image
    Default Value: Inherit
  • Show logo on main level only
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: No
  • Logo Url
    Default Value: Inherit
  • Logo Width
    Enter Width in (%, px)
    Default Value: Inherit
  • Logo Height
    Enter Height in (%, px)
    Default Value: Inherit
  • Logo Align
    Possible Values:
    • Inherit Parent Settings
    • Left
    • Center
    • Right
    Default Value: Center
  • Spacing
  • Logo Padding
    Padding in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: Inherit
  • Border
    • Border Top Width
      Default Value: 0
    • Border Right Width
      Default Value: 0
    • Border Bottom Width
      Default Value: 0
    • Border Left Width
      Default Value: 0
    • Border Radius
      Default Value: 0
    • Border Style
      Possible Values:
      • None
      • Solid
      • Dotted
      • Dashed
      • Double
      Default Value: Inherit
    • Border Color
      Default Value: Inherit
  • Animations
  • Logo Animation
    Possible Values:
    • Inherit Parent or Main Settings
    • Bounce
    • Flash
    • Pulse
    • RubberBand
    • Shake
    • Swing
    • Tada
    • Wobble
    • Jello
    • BounceIn
    • BounceInDown
    • BounceInLeft
    • BounceInRight
    • BounceInUp
    • FadeIn
    • FadeInDown
    • FadeInDownBig
    • FadeInLeft
    • FadeInLeftBig
    • FadeInRight
    • FadeInRightBig
    • FadeInUp
    • FadeInUpBig
    • Flip
    • FlipInX
    • FlipInY
    • LightSpeedIn
    • RotateIn
    • RotateInDownLeft
    • RotateInDownRight
    • RotateInUpLeft
    • RotateInUpRight
    • SlideInUp
    • SlideInDown
    • SlideInLeft
    • SlideInRight
    • ZoomIn
    • ZoomInDown
    • ZoomInLeft
    • ZoomInRight
    • ZoomInUp
    • Hinge
    • RollIn
    • RollOut
    Default Value: Inherit

Level Back Link

  • General
  • Font & Style
  • Colors
  • Icon
  • Spacing

Level Title

  • General
  • Title Hidden
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: No
  • Title Override
    Default Value: Inherit
  • Title Fullwidth
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: Yes
  • Title Stick To Top
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: No
  • Title Position
    Possible Values:
    • Inherit Parent Settings
    • Left
    • Center
    • Right
    Default Value: Center
  • Font & Style
  • Title Font Family
    Default Value: Inherit
  • Title Font Size
    Enter size in (%, px)
    Default Value: Inherit
  • Title Text Transform
    Possible Values:
    • Inherit
    • None
    • Capitalize
    • Uppercase
    • Lowercase
    • Initial
    Default Value: None
  • Title Text Align
    Possible Values:
    • Inherit Parent Settings
    • Left
    • Center
    • Right
    • Justify
    Default Value: Center
  • Colors
  • Title Font Color
    Default Value: Inherit
  • Title Background Color
    Default Value: Inherit
  • Icon
  • Title Icon
    The title will inherit the item icon
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: No
  • Title Icon Size
    Enter size in (%, px)
    Default Value: Inherit
  • Title Icon Color
    Default Value: Inherit
  • Spacing
  • Title Padding
    Padding in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: Inherit
  • Title Margin
    Margin in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: Inherit
  • Border
    • Border Top Width
      Default Value: 0
    • Border Right Width
      Default Value: 0
    • Border Bottom Width
      Default Value: 0
    • Border Left Width
      Default Value: 0
    • Border Radius
      Default Value: 0
    • Border Style
      Possible Values:
      • None
      • Solid
      • Dotted
      • Dashed
      • Double
      Default Value: Inherit
    • Border Color
      Default Value: Inherit
  • Animations
  • Title Animation
    Possible Values:
    • Inherit Parent or Main Settings
    • Bounce
    • Flash
    • Pulse
    • RubberBand
    • Shake
    • Swing
    • Tada
    • Wobble
    • Jello
    • BounceIn
    • BounceInDown
    • BounceInLeft
    • BounceInRight
    • BounceInUp
    • FadeIn
    • FadeInDown
    • FadeInDownBig
    • FadeInLeft
    • FadeInLeftBig
    • FadeInRight
    • FadeInRightBig
    • FadeInUp
    • FadeInUpBig
    • Flip
    • FlipInX
    • FlipInY
    • LightSpeedIn
    • RotateIn
    • RotateInDownLeft
    • RotateInDownRight
    • RotateInUpLeft
    • RotateInUpRight
    • SlideInUp
    • SlideInDown
    • SlideInLeft
    • SlideInRight
    • ZoomIn
    • ZoomInDown
    • ZoomInLeft
    • ZoomInRight
    • ZoomInUp
    • Hinge
    • RollIn
    • RollOut
    Default Value: Inherit

Level Sub Title

  • General
  • Sub Title Enabled
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: No
  • Sub Title
    Default Value: Inherit
  • Font & Style
  • Sub Title Font Family
    Default Value: Inherit
  • Sub Title Font Size
    Enter size in (%, px)
    Default Value: Inherit
  • Sub Title Text Transform
    Possible Values:
    • Inherit
    • None
    • Capitalize
    • Uppercase
    • Lowercase
    • Initial
    Default Value: None
  • Sub Title Text Align
    Possible Values:
    • Inherit Parent Settings
    • Left
    • Center
    • Right
    • Justify
    Default Value: Center
  • Colors
  • Sub Title Font Color
    Default Value: Inherit
  • Sub Title Background Color
    Default Value: Inherit
  • Spacing
  • Sub Title Padding
    Padding in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: Inherit
  • Sub Title Margin
    Margin in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: Inherit
  • Border
    • Border Top Width
      Default Value: 0
    • Border Right Width
      Default Value: 0
    • Border Bottom Width
      Default Value: 0
    • Border Left Width
      Default Value: 0
    • Border Radius
      Default Value: 0
    • Border Style
      Possible Values:
      • None
      • Solid
      • Dotted
      • Dashed
      • Double
      Default Value: Inherit
    • Border Color
      Default Value: Inherit
  • Animations
  • Sub Title Animation
    Possible Values:
    • Inherit Parent or Main Settings
    • Bounce
    • Flash
    • Pulse
    • RubberBand
    • Shake
    • Swing
    • Tada
    • Wobble
    • Jello
    • BounceIn
    • BounceInDown
    • BounceInLeft
    • BounceInRight
    • BounceInUp
    • FadeIn
    • FadeInDown
    • FadeInDownBig
    • FadeInLeft
    • FadeInLeftBig
    • FadeInRight
    • FadeInRightBig
    • FadeInUp
    • FadeInUpBig
    • Flip
    • FlipInX
    • FlipInY
    • LightSpeedIn
    • RotateIn
    • RotateInDownLeft
    • RotateInDownRight
    • RotateInUpLeft
    • RotateInUpRight
    • SlideInUp
    • SlideInDown
    • SlideInLeft
    • SlideInRight
    • ZoomIn
    • ZoomInDown
    • ZoomInLeft
    • ZoomInRight
    • ZoomInUp
    • Hinge
    • RollIn
    • RollOut
    Default Value: Inherit

Level Description

  • General
  • Description Enabled
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: No
  • Use WordPress page as content?
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: No
  • Description
    Shortcodes are supported however styling shortcode output is up to the user and might require some CSS knowledge. Also note that some shortcodes might not work properly if Slick Menu is set to load via Ajax.
    Default Value: Inherit
  • Select Description Page
    Shortcodes are supported however styling shortcode output is up to the user and might require some CSS knowledge. Also note that some shortcodes might not work properly if Slick Menu is set to load via Ajax.
    Default Value: Inherit
  • Font & Style
  • Description Font Family
    Default Value: Inherit
  • Description Font Size
    Enter size in (%, px)
    Default Value: Inherit
  • Description Line Height
    Enter line height in (px)
    Default Value: Inherit
  • Description Text Transform
    Possible Values:
    • Inherit
    • None
    • Capitalize
    • Uppercase
    • Lowercase
    • Initial
    Default Value: None
  • Description Text Align
    Possible Values:
    • Inherit Parent Settings
    • Left
    • Center
    • Right
    • Justify
    Default Value: Center
  • Colors
  • Description Font Color
    Default Value: Inherit
  • Description Background Color
    Default Value: Inherit
  • Spacing
  • Description Max Width
    Set a max width in (%, px, vw). Use the vw unit to enter a percentage related to the viewport width. Ex 50vw would make the width equal to half the window width.
    Default Value: Inherit
  • Description Padding
    Padding in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: Inherit
  • Description Margin
    Margin in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: Inherit
  • Border
    • Border Top Width
      Default Value: 0
    • Border Right Width
      Default Value: 0
    • Border Bottom Width
      Default Value: 0
    • Border Left Width
      Default Value: 0
    • Border Radius
      Default Value: 0
    • Border Style
      Possible Values:
      • None
      • Solid
      • Dotted
      • Dashed
      • Double
      Default Value: Inherit
    • Border Color
      Default Value: Inherit
  • Animations
  • Description Animation
    Possible Values:
    • Inherit Parent or Main Settings
    • Bounce
    • Flash
    • Pulse
    • RubberBand
    • Shake
    • Swing
    • Tada
    • Wobble
    • Jello
    • BounceIn
    • BounceInDown
    • BounceInLeft
    • BounceInRight
    • BounceInUp
    • FadeIn
    • FadeInDown
    • FadeInDownBig
    • FadeInLeft
    • FadeInLeftBig
    • FadeInRight
    • FadeInRightBig
    • FadeInUp
    • FadeInUpBig
    • Flip
    • FlipInX
    • FlipInY
    • LightSpeedIn
    • RotateIn
    • RotateInDownLeft
    • RotateInDownRight
    • RotateInUpLeft
    • RotateInUpRight
    • SlideInUp
    • SlideInDown
    • SlideInLeft
    • SlideInRight
    • ZoomIn
    • ZoomInDown
    • ZoomInLeft
    • ZoomInRight
    • ZoomInUp
    • Hinge
    • RollIn
    • RollOut
    Default Value: Inherit

Level Nav Menu

  • General
  • Nav Menu Max Width
    Width in (%, px). Ex: 50% or 200px
    Default Value: Inherit
  • Nav Menu Align
    Possible Values:
    • Inherit Parent Settings
    • Left
    • Center
    • Right
    Default Value: Center
  • Menu Items Columns
    Select a default column layout used to display the items. This can be overridden within individual items.
    Possible Values:
    • Inherit Parent Settings
    • Display items in 1 columns
    • Display items in 2 columns
    • Display items in 3 columns
    • Display items in 4 columns
    • Display items in 5 columns
    • Display items in 6 columns
    • Display items in 7 columns
    • Display items in 8 columns
    • Display items in 9 columns
    • Display items in 10 columns
    • Display items in 11 columns
    • Display items in 12 columns
    Default Value: Display items in 1 columns
  • Nav Menu Items Column Align
    Possible Values:
    • Inherit Parent Settings
    • Left
    • Center
    • Right
    Default Value: Center
  • Spacing
  • Nav Menu Padding
    Padding in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: Inherit

Level Nav Menu Items

  • General
  • Hidden
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: Inherit
  • Fullwidth
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: Inherit
  • Height (optional)
    Set a height in (%, px, vh). Useful to build grids. Use the vh unit to enter a percentage related to the viewport height. Ex 50vh would make the height equal to half the window height.
    Default Value: Inherit
  • Font & Style
  • Font Family
    Default Value: Inherit
  • Font Size
    Enter size in (%, px)
    Default Value: Inherit
  • Line Height
    Enter line height in (px)
    Default Value: Inherit
  • Text Transform
    Possible Values:
    • Inherit
    • None
    • Capitalize
    • Uppercase
    • Lowercase
    • Initial
    Default Value: Inherit
  • Text Align
    Possible Values:
    • Inherit Parent Settings
    • Left
    • Center
    • Right
    • Justify
    Default Value: Inherit
  • Vertical Align
    Possible Values:
    • Inherit Parent Settings
    • Top
    • Middle
    • Bottom
    Default Value: Inherit
  • Colors
  • Font Color
    Default Value: Inherit
  • Background Color
    Default Value: Inherit
  • Active Text Color
    Default Value: Inherit
  • Active Background Color
    Default Value: Inherit
  • Hover Text Color
    Default Value: Inherit
  • Hover Background Color
    Default Value: Inherit
  • Spacing
  • Padding
    Padding in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: Inherit
  • Margin
    Margin in (%, px). [top right bottom left] Ex: 20px or 20px 10px
    Default Value: Inherit
  • Border
    • Border Top Width
      Default Value: 0
    • Border Right Width
      Default Value: 0
    • Border Bottom Width
      Default Value: 0
    • Border Left Width
      Default Value: 0
    • Border Radius
      Default Value: 0
    • Border Style
      Possible Values:
      • Inherit Parent Settings
      • None
      • Solid
      • Dotted
      • Dashed
      • Double
      Default Value: Inherit
    • Border Color
      Default Value: Inherit
  • Icon
  • Icon Size
    Enter size in (%, px)
    Default Value: Inherit
  • Icon Line Height
    Enter size in (px)
    Default Value: Inherit
  • Icon Width
    Enter width in (px). Sometimes icons have irregular sizes, you might need to adjust the icon width to make sure that menu item titles are aligned properly
    Default Value: Inherit
  • Icon Honrizontal Align
    Only useful if you have set an icon width
    Possible Values:
    • Inherit Parent Settings
    • Left
    • Center
    • Right
    Default Value: Inherit
  • Icon Vertical Align
    Possible Values:
    • Inherit Parent Settings
    • Top
    • Middle
    • Bottom
    Default Value: Inherit
  • Icon Color
    Default Value: Inherit
  • Icon Hover Color
    Default Value: Inherit
  • Arrow
  • Arrow Hide
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: Inherit
  • Arrow Position
    Possible Values:
    • Inherit Parent Settings
    • Left
    • Right
    Default Value: Inherit
  • Arrow Size
    Enter size in (%, px)
    Default Value: Inherit
  • Arrow Horizontal Offset
    Default Value: 0
  • Arrow Vertical Offset
    Default Value: 0
  • Arrow Color
    Default Value: Inherit
  • Hover Arrow Color
    Default Value: Inherit
  • Image
  • Thumbnail Position
    Possible Values:
    • Inherit Parent Settings
    • Above Title
    • Below Title
    • Behind Title
    • Replace Title
    Default Value: Inherit
  • Thumbnail Background Repeat
    Possible Values:
    • Inherit Parent Settings
    • No Repeat
    • Repeat All
    • Repeat Horizontally
    • Repeat Vertically
    Default Value: Inherit
  • Thumbnail Background Size
    Possible Values:
    • Inherit Parent Settings
    • Cover
    • Contain
    Default Value: Inherit
  • Thumbnail Background Position
    Possible Values:
    • Inherit Parent Settings
    • Left Top
    • Left Center
    • Left Bottom
    • Center Top
    • Center Center
    • Center Bottom
    • Right Top
    • Right Center
    • Right Bottom
    Default Value: Inherit
  • Thumbnail Size
    Possible Values:
    • Inherit Parent Settings
    • Thumbnail x 150 Cropped
    • Medium x 300
    • Medium_large
    • Large x 1024
    • Custom Size
    Default Value: Inherit
  • Thumbnail Width
    Default Value: Inherit
  • Thumbnail Height
    Default Value: Inherit
  • Thumbnail Crop
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: Inherit
  • Thumbnail Stretch
    This will stretch the image to fit it's container
    Possible Values:
    • Inherit Parent Settings
    • No
    • Yes
    Default Value: Inherit
  • Thumbnail Margin
    Margin in (%, px). [top right bottom left] Ex: 20px or 20px auto
    Default Value: Inherit
    • Type
      Possible Values:
      • Inherit Parent Settings
      • Solid Color
      • Gradient
      Default Value: Inherit
    • Color
      Default Value: Inherit
    • Direction
      Possible Values:
      • Inherit Parent Settings
      • To Right
      • To Left
      • To Top
      • To Bottom
      Default Value: Inherit
    • Color Start
      Default Value: Inherit
    • Color End
      Default Value: Inherit
  • Thumbnail Filter
    Apply a filter to the thumbnail
    Possible Values:
    • Inherit Parent Settings
    • Brightness
    • Grayscale
    • Sepia
    • Saturate
    • Invert
    • Opacity
    • Contrast
    • Blur
    • Tint
    • Inkwell
    • Hue Rotate 90deg
    • Hue Rotate 180deg
    • Hue Rotate 270deg
    • Hue Rotate 360deg
    • Half Transparent
    • Fully Transparent
    Default Value: Inherit
  • Thumbnail Hover Filter
    Apply a filter to the thumbnail on hover
    Possible Values:
    • Inherit Parent Settings
    • None
    • Brightness
    • Grayscale
    • Sepia
    • Saturate
    • Invert
    • Opacity
    • Contrast
    • Blur
    • Tint
    • Inkwell
    • Hue Rotate 90deg
    • Hue Rotate 180deg
    • Hue Rotate 270deg
    • Hue Rotate 360deg
    • Half Transparent
    • Fully Transparent
    Default Value: Inherit
  • Animations
  • Animation
    Possible Values:
    • Inherit Parent or Main Settings
    • Bounce
    • Flash
    • Pulse
    • RubberBand
    • Shake
    • Swing
    • Tada
    • Wobble
    • Jello
    • BounceIn
    • BounceInDown
    • BounceInLeft
    • BounceInRight
    • BounceInUp
    • FadeIn
    • FadeInDown
    • FadeInDownBig
    • FadeInLeft
    • FadeInLeftBig
    • FadeInRight
    • FadeInRightBig
    • FadeInUp
    • FadeInUpBig
    • Flip
    • FlipInX
    • FlipInY
    • LightSpeedIn
    • RotateIn
    • RotateInDownLeft
    • RotateInDownRight
    • RotateInUpLeft
    • RotateInUpRight
    • SlideInUp
    • SlideInDown
    • SlideInLeft
    • SlideInRight
    • ZoomIn
    • ZoomInDown
    • ZoomInLeft
    • ZoomInRight
    • ZoomInUp
    • Hinge
    • RollIn
    • RollOut
    Default Value: Inherit
  • Hover Animation
    Possible Values:
    • Inherit Parent Settings
    • Normal
    • Slide Right
    • Slide Left
    • Slide Up
    • Slide Down
    • Zoom
    Default Value: Inherit
  • Box Shadow
    • Horizontal Shadow
      Default Value: 0
    • Vertical Shadow
      Default Value: 0
    • Shadow Distance
      Default Value: 0
    • Shadow Spread Size
      Default Value: 0
    • Shadow Color
      Default Value: Inherit
    • Horizontal Shadow
      Default Value: 0
    • Vertical Shadow
      Default Value: 0
    • Shadow Distance
      Default Value: 0
    • Shadow Spread Size
      Default Value: 0
    • Shadow Color
      Default Value: Inherit
  • Transforms
    • Enable Transforms
      Default Value: Inherit
    • Perspective
      Default Value: 0
    • Perspective Origin
      Possible Values:
      • Inherit Parent Settings
      • Left Top
      • Left Center
      • Left Bottom
      • Center Top
      • Center Center
      • Center Bottom
      • Right Top
      • Right Center
      • Right Bottom
      Default Value: Inherit
    • Scale X
      Default Value: 1
    • Scale Y
      Default Value: 1
    • Offset X
      Default Value: 0
    • Offset Y
      Default Value: 0
    • Rotate 2D
      Default Value: 0
    • Rotate X
      Default Value: 0
    • Rotate Y
      Default Value: 0
    • Rotate Z
      Default Value: 0
    • Skew
      Default Value: 0
    • Radius
      Default Value: 0
    • Enable Transforms
      Default Value: Inherit
    • Perspective
      Default Value: 0
    • Perspective Origin
      Possible Values:
      • Inherit Parent Settings
      • Left Top
      • Left Center
      • Left Bottom
      • Center Top
      • Center Center
      • Center Bottom
      • Right Top
      • Right Center
      • Right Bottom
      Default Value: Inherit
    • Transition Delay
      Default Value: 0
    • Transition Duration
      Default Value: 400
    • Scale X
      Default Value: 1
    • Scale Y
      Default Value: 1
    • Offset X
      Default Value: 0
    • Offset Y
      Default Value: 0
    • Rotate 2D
      Default Value: 0
    • Rotate X
      Default Value: 0
    • Rotate Y
      Default Value: 0
    • Rotate Z
      Default Value: 0
    • Skew
      Default Value: 0
    • Radius
      Default Value: 0
    • Enable Transforms
      Default Value: Inherit
    • Perspective
      Default Value: 0
    • Perspective Origin
      Possible Values:
      • Inherit Parent Settings
      • Left Top
      • Left Center
      • Left Bottom
      • Center Top
      • Center Center
      • Center Bottom
      • Right Top
      • Right Center
      • Right Bottom
      Default Value: Inherit
    • Transition Delay
      Default Value: 0
    • Transition Duration
      Default Value: 400
    • Scale X
      Default Value: 1
    • Scale Y
      Default Value: 1
    • Offset X
      Default Value: 0
    • Offset Y
      Default Value: 0
    • Rotate 2D
      Default Value: 0
    • Rotate X
      Default Value: 0
    • Rotate Y
      Default Value: 0
    • Rotate Z
      Default Value: 0
    • Skew
      Default Value: 0
    • Radius
      Default Value: 0

Level Footer

  • General
  • Font & Style
  • Colors
  • Spacing

Site Wrapper Settings

  • Background Color / Image
    • Background Image
      Default Value: Inherit
    • Background Color
      Default Value: Inherit
    • Background Repeat
      Possible Values:
      • No Repeat
      • Repeat All
      • Repeat Horizontally
      • Repeat Vertically
      Default Value: Inherit
    • Background Size
      Possible Values:
      • Cover
      • Contain
      Default Value: Inherit
    • Background Position
      Possible Values:
      • Left Top
      • Left Center
      • Left Bottom
      • Center Top
      • Center Center
      • Center Bottom
      • Right Top
      • Right Center
      • Right Bottom
      Default Value: Inherit
  • Background Pattern
    • Pattern
      Possible Values:
      Default Value: Inherit
    • Opacity
      Set pattern opacity, a lower value makes the pattern more transparent
      Default Value: 0.5
  • Background Overlay
    • Type
      Possible Values:
      • Solid Color
      • Gradient
      Default Value: Inherit
    • Color
      Default Value: Inherit
    • Direction
      Possible Values:
      • To Right
      • To Left
      • To Top
      • To Bottom
      Default Value: Inherit
    • Color Start
      Default Value: Inherit
    • Color End
      Default Value: Inherit
  • Background Video
    • Youtube Video ID
      Ex: LSmgKRx5pBo
      Default Value: Inherit
    • Quality
      We recommend that you set the parameter value to default, which instructs YouTube to select the most appropriate playback quality, which will vary for different users, videos, systems and other playback conditions.
      Possible Values:
      • Default
      • Small
      • Medium
      • Large
      • HD 720
      • HD 1080
      • High Resolution
      Default Value: Inherit
    • Opacity
      Set video opacity, a lower value makes the video more transparent
      Default Value: 1
    • Scale Video
      Scaling the video is useful to hide top and bottom black borders in some videos
      Default Value: 1
    • Start Video At
      Second in which video should begin playing at
      Default Value: Inherit
    • End Video At
      Second in which video should end playing at
      Default Value: Inherit
    • Never Pause
      By default, the video will be paused and hidden on inactive menu levels and will be un-paused once the level is active again
      Default Value: 0
    • Repeat
      Loop video indefinitely
      Default Value: 1
    • Play Audio
      Default Value: 0
    • Show Loading Animation
      Default Value: 0
    • Mobile Video Embed Fallback
      Video backgrounds are not supported on mobile. Enable this fallback option to make the video available on mobile as a regular embed video player.
      Default Value: 0
  • Filter Effect
  • Wrapper Filter Effect
    Apply a filter to the site wrapper
    Possible Values:
    • Inherit Parent Settings
    • Brightness
    • Grayscale
    • Sepia
    • Saturate
    • Invert
    • Opacity
    • Contrast
    • Blur
    • Tint
    • Inkwell
    • Hue Rotate 90deg
    • Hue Rotate 180deg
    • Hue Rotate 270deg
    • Hue Rotate 360deg
    • Half Transparent
    • Fully Transparent
    Default Value: Brightness

Site Content Settings

  • Filter Effect
  • Content Filter Effect
    Apply a filter to the site content when the menu is active
    Possible Values:
    • Inherit Parent Settings
    • Brightness
    • Grayscale
    • Sepia
    • Saturate
    • Invert
    • Opacity
    • Contrast
    • Blur
    • Tint
    • Inkwell
    • Hue Rotate 90deg
    • Hue Rotate 180deg
    • Hue Rotate 270deg
    • Hue Rotate 360deg
    • Half Transparent
    • Fully Transparent
    Default Value: Brightness

Back To Top

Live Customizer

Would you like to see your menu while customizing with live preview? Edit the menu directly within wordpress customizer. From there you will have the same settings as within the regular menu section.

Customizer

Live Edit

Back To Top

Developers

Javascript API

SlickMenu.toggle

Toggle a menu

Usage

SlickMenu.toggle(menu_id, callback)

Arguments

Param Type Details
menu_id interger

WordPress Slick Menu ID

callback function()

On complete callback function

SlickMenu.open

Open a menu

Usage

SlickMenu.open(menu_id, callback)

Arguments

Param Type Details
menu_id interger

WordPress Slick Menu ID

callback function()

On complete callback function

SlickMenu.openSubLevel

Open a menu sub level

Usage

SlickMenu.openSubLevel(menu_id, menu_item_id, callback)

Arguments

Param Type Details
menu_id interger

WordPress Slick Menu ID

menu_item_id interger

WordPress Slick Menu Item ID

callback function()

On complete callback function

SlickMenu.close

Close a menu

Usage

SlickMenu.close(menu_id, callback)

Arguments

Param Type Details
menu_id interger

WordPress Slick Menu ID

callback function()

On complete callback function

SlickMenu.isOpen

Check if a menu is already open

Usage

SlickMenu.isOpen(menu_id)

Arguments

Param Type Details
menu_id interger

WordPress Slick Menu ID

Returns

boolean

Returns true if the menu is open or false if it is closed

SlickMenu.get

Get menu DOM element

Usage

SlickMenu.get(menu_id)

Arguments

Param Type Details
menu_id interger

WordPress Slick Menu ID

Returns

object

Returns Menu DOM Element or NULL if menu not found

SlickMenu.getOpen

Get currently opened menu ID

Usage

SlickMenu.getOpen()

Arguments

No arguments

Returns

integer

Returns WordPress Slick Menu ID or NULL if no menu is currently open

SlickMenu.getCurrentLevel

Get menu active level if the menu is open

Usage

SlickMenu.getCurrentLevel(menu_id)

Arguments

Param Type Details
menu_id interger

WordPress Slick Menu ID

Returns

object

Return menu level DOM Element

SlickMenu.getCurrentLevelDepth

Get menu active level depth if the menu is open

Usage

SlickMenu.getCurrentLevelDepth(menu_id)

Arguments

Param Type Details
menu_id interger

WordPress Slick Menu ID

Returns

integer

Return menu level depth

SlickMenu.isCreated

If the menu is set to be loaded on demand via AJAX, this will check if the menu has already been created

Usage

SlickMenu.isCreated(menu_id)

Arguments

Param Type Details
menu_id interger

WordPress Slick Menu ID

Returns

boolean

Returns true if the menu has been created or false if not

SlickMenu.reload

Reload a menu via ajax

Usage

SlickMenu.reload(menu_id, callback)

Arguments

Param Type Details
menu_id interger

WordPress Slick Menu ID

callback function()

On complete callback function

SlickMenu.getAlwaysVisible

Get always visible menu ID

Usage

SlickMenu.getAlwaysVisible()

Arguments

No arguments

Returns

integer

Returns WordPress Slick Menu ID or NULL if no menu is set to be always visible

SlickMenu.alwaysVisibleEnabled

Check if one of the menus is set to be always visible

Usage

SlickMenu.alwaysVisibleEnabled()

Arguments

No arguments

Returns

boolean

Returns true if one of the menus is set to be always visible or false if not

SlickMenu.isAlwaysVisible

Check if a menu is already is always visible

Usage

SlickMenu.isAlwaysVisible(menu_id)

Arguments

Param Type Details
menu_id interger

WordPress Slick Menu ID

Returns

boolean

Returns true if the menu is set to be always visible or false if not

SlickMenu.getOption

Get menu option value by key

Usage

SlickMenu.getOption(menu_id, key)

Arguments

Param Type Details
menu_id interger

WordPress Slick Menu ID

key string

WordPress Menu Term Meta Key

Returns

mix

Returns menu option value

Back To Top