Verko Megamenu

Verko has built-in Mega Menu features. Where you can add images, icons and/or subtitles to your menu (and sub menus). Mega Menu and other additional features are incorporated to standard WordPress Custom Menus editing interface Appearance > Menus

In the screenshot above you can see the default view of the menu. If you want to add description you can enable the text box by clicking the screen option button on the top corner of your image.

Now let’s see what you can do with this feature:

1. Font Awesome Icon

This options allows you to add a Font Awesome Icon. You simply choose iconfont and add Font Awesome Code to Iconfont code field.

Font Awesome Code Example

On Backend

On Frontend

For complete list of font icon, you can it here : http://fortawesome.github.io/Font-Awesome/icons/

2. Custom Image

This option enable you to upload image to your mega menu. You just need to paste the image url here. Please note that the result will different according to which level you add your image to.

To learn about the level system, please see our screenshot below.

As you can see :

Level 1 is your main menu
Level 2 2 is first sub menu
Level 3 is sub-sub menu

You can only add image in level 1 and 2. If you add the image in level 1 the image will be your mega menu background. And it will be a normal image if you add it in the 2nd level.

The other option is Enable mega menu which will reveal additional settings for your menus if you enabled it (note: this is only available for main menu; not sub menu)

Full width: check to enable full width style. See these screenshot to learn the differences

Disabled Full width

Enable Full width

Megamenu Options

These options are only available in level 1

Number of Columns : Choose the number of columns for your mega menu.
Align : Choose the alignment for your sub menu.
Position : Choose the number of columns for your mega menu.
Enable Button : Add button to your menu. Note : Button Style will be taken from Customizer ( Customizer > Button )

Example : In below image, you can see Orange Button on the right side.

Back End

Front End

These options are only available in level 2

Hide title in mega menu : This will hide your current 2nd level menu in the mega menu.
Remove Link : This item should start a new row
Number of Columns : Enable this to make this menu displayed in a new row instead of the next column
Enable Button : Add button to your menu. Note : Button Style will be taken from Customizer ( Customizer > Button )

These options are only available in level 3

This item should start a new Column : This menu will displayed in the next row instead under the previous menu.
Enable Button : Add button to your menu. Note : Button Style will be taken from Customizer ( Customizer > Button )

Create One Page Template.

With Verko, You can create One Page Website easily.

Here are two easy steps :

Create a Row in Visual Composer

Create or edit a page, Add Element named Row.
Then edit that new row, You will get a popup.
Take a notice in Anchor field, You can fill it with your liking. This anchor name will be synchronized with your Menu.

Create a One Page Menu

Create a One Page Menu
Add a menu item
Go to Appearance > Dashboard.
Fill URL Field with your this format : #your-anchor-name-above
Fill CSS Field with anchor
Save it

Megamenu