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.
Support and Resources
Release Notes
View the Change Log
Licensing
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.
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.
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.
- Login to your website
- Go to Plugins -> Add New
- Click Upload Link
- Browse to the plugin’s zip file (it is located in the archive you’ve downloaded from CodeCanyon) and choose that file.
- Click “Install Now” button
- Wait while plugin is uploaded to your server
- Click “Activate Plugin” button
Congratulations, you are all set!
To start, visit the Slick Menu section within the dashboard menu.
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:
- Download your Purchase Code from Envato / Downloads Section
- Go to Slick Menu -> About -> License
- Enter and validate your purchase code
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.
Enable Slick Menu
You can enable Slick Menus from 2 places.
- 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
- 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.
- 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
- 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
- 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
- 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.
- Go to Appearance -> Customize -> Menus -> Select Menu
Learn More
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
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
Close Link
- General
- Colors
- Icon
- Spacing
- Border
- Animations
Level Search Box
- General
- Font & Style
- Colors
- Icon
- Spacing
- Border
- Animations
Level General Settings
- General
- Spacing
Level Header
- General
- Background Color / Image
- Background Pattern
- Background Overlay
- Spacing
Level Background
- Background Color / Image
- Background Pattern
- Background Overlay
- Background Video
Level Logo
- General
- Spacing
- Border
- Animations
Level Back Link
- General
- Font & Style
- Colors
- Icon
- Spacing
Level Title
- General
- Font & Style
- Colors
- Icon
- Spacing
- Border
- Animations
Level Sub Title
- General
- Font & Style
- Colors
- Spacing
- Border
- Animations
Level Description
- General
- Font & Style
- Colors
- Spacing
- Border
- Animations
Level Nav Menu
- General
- Spacing
Level Nav Menu Items
- General
- Font & Style
- Colors
- Spacing
- Border
- Icon
- Arrow
- Image
- Animations
- Box Shadow
- Transforms
Level Dynamic Posts
- General
- Query
- Pagination
Level Footer
- General
- Font & Style
- Background Color / Image
- Background Pattern
- Background Overlay
- Colors
- Spacing
- Animations
Social Networks
- General
- Colors
- Spacing
- Icon
- Networks
- Animations
Site Wrapper Settings
- Background Color / Image
- Background Pattern
- Background Overlay
- Background Video
- Filter Effect
Site Content Settings
- Background Color / Image
- Box Shadow
- Filter Effect
Trigger Info
- General
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
- Icon
Menu Item Settings
- General
- Font & Style
- Colors
- Spacing
- Border
- Icon
- Arrow
- Image
- Animations
- Box Shadow
- Transforms
- General
Level General Settings
- General
- Spacing
Level Header
- General
- Background Color / Image
- Background Pattern
- Background Overlay
- Spacing
Level Background
- Background Color / Image
- Background Pattern
- Background Overlay
- Background Video
Level Logo
- General
- Spacing
- Border
- Animations
Level Back Link
- General
- Font & Style
- Colors
- Icon
- Spacing
Level Title
- General
- Font & Style
- Colors
- Icon
- Spacing
- Border
- Animations
Level Sub Title
- General
- Font & Style
- Colors
- Spacing
- Border
- Animations
Level Description
- General
- Font & Style
- Colors
- Spacing
- Border
- Animations
Level Nav Menu
- General
- Spacing
Level Nav Menu Items
- General
- Font & Style
- Colors
- Spacing
- Border
- Icon
- Arrow
- Image
- Animations
- Box Shadow
- Transforms
Level Dynamic Posts
- General
- Query
- Pagination
Level Footer
- General
- Font & Style
- Background Color / Image
- Background Pattern
- Background Overlay
- Colors
- Spacing
- Animations
Site Wrapper Settings
- Background Color / Image
- Background Pattern
- Background Overlay
- Background Video
- Filter Effect
Site Content Settings
- Filter Effect
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.