XMENU

Download XMENU Plugin

Get the XMENU plugin installation package from your account(after login on Themeforest.net) at downloads page and save it to your computer.

Install XMENU

Dashboard ► Plugins ► Add New ► Upload Plugin

Create Your Menu

If you don’t have an menu yet, go to Appearance > Menus and create one. If your theme properly supports theme locations, click the Manage Locations and assign your menu to the appropriate theme location.

Integration with XMENU

Go to the Appearance > XMENU Settings.

Next, choose tab XMENU Setting > Integration, check the box next to the Theme Location or Navigation Menu you wish to activate XMENU. User can choose one or more Theme Locations or Navigation Menus to active for XMENU. Click "Save Changes" button

XMENU Settings

Setting all image size on XMENU

Menu Item Configuration

To configure settings for individual menu items or submenus, visit Appearance > Menus, hover over the menu item you want to configure, and click the XMENU button that appears. The Menu Item Settings Panel will display from left.

These settings control a specific menu item, with options including:

• General link settings
• Icon & position
• Image (source, size, etc)
• Item layout(width, content alignment, padding, etc)
• Submenu (type, width, custom width, position, child item default width, sub menu animation, etc)

General Tab

Choose menu item to change, hover on that and click "XMENU" button.

1. URL url go to when user click this menu

2. Navigation Label title of menu

3. Title Attribute title for a tag

4. CSS Classes use for add advance custom css

5. Link Relationship (XFN) value for attribute rel

6. Description value description of menu item

7. OTHER

• Disable Text: not display text of menu
• Disable Menu Item: not display text and link of menu
• Disable Link: remove link of menu
• Display as a Sub Menu column header: menu display as a column header

8. Menu Feature Text text introduce menu, can display left, right, top position of menu, text look like: NEW, HOT, LATEST..etc

Icon Tab

Choose menu item to change, hover on that and click "XMENU" button. Choose Tab on the right Panel Settings.

3. Padding Icon and Text Menu set value padding between icon and text menu. Ex: 10 10 5 15

Image Tab

Choose menu item to change, hover on that and click "XMENU" button. Choose Image tab on the right Panel Settings.

Image Url click button image on the right so can choose image from your media/gallery website or any location over the world(via paste url here)

Image Size

• Inherit from Menu Setting: inherit value from global Setting at "Appereance >> XEMNU Settings"
• Full Size: image display full
• Others: get list image size from Settings >> Media

Image Dimension

• Inherit from Menu Setting: inherit value from global Setting at "Appereance >> XEMNU Settings"
• Custom: image will get value Image Width and Image Height attribute below

Image Width value width of image when Image Dimension set Custom

Image Height value height of image when Image Dimension set Custom

Image Layout

• Image Only: only image display for this menu
• Image Left: image display on the left description of menu(if have)
• Image Right, Image Above, Image Below: the same with Image Left, only difference position

Use Feature Image use for posts and any postype support feature image

Layout Tab

Choose menu item to change, hover on that and click "XMENU" button. Choose Layout tab on the right Panel Settings.

Menu Item Width

• Automatic: width of item menu automatic increase or decrease by content
• Full Width: width of item menu full width of menu bar
• Other values: width of item menu will have value as you choose. Please view LAYOUT for more details.

Item Content Alignment set align for content of item menu.

Padding set value padding for item menu. Ex: 5px 10px 15px 5px

New Row please view LAYOUT for more details

Submenu Tab

Choose menu item to change, hover on that and click "XMENU" button. Choose Submenu tab on the right Panel Settings.

Sub Menu Type

• Standard: default
• Multi Column: submenu of item will multi-column
• Tab: submenu of item will tab

Sub Menu Position

• Automatic: default
• Left of Menu Parent: display left of parent
• Right of Menu Parent: display right of parent
• Center of Menu Parent: display center of parent
• Left of Menu Bar: display left of menu
• Right of Menu Bar: display right of menu
• Full Size: display full menu

Sub Menu Width Custom set custom width of sub menu

Sub Menu Column Width Default set default width of sub menu

Sub Menu Column Spacing Default set default column spacing width of sub menu

Sub Menu List Stylestyle for sub menu list

Tab positionWhen "Sub Menu Type" is "TAB", submenu will display left or right

Sub Menu Animation

• None: no use animation
• Slide Up: submenu display from down to up
• Slide Down: submenu display from up to down
• Slide Left: submenu display from right to left
• Slide Right: submenu display from left to right
• Sign Flip: submenu display with Flip animation

Custom Content Tab

Choose menu item to change, hover on that and click "XMENU" button. Choose "Custom Content" tab on the right Panel Settings.

Widget Area Tab

Choose menu item to change, hover on that and click "XMENU" button. Choose "Widget Area" tab on the right Panel Settings.

Widget Area Your Widget Area will create on "Appearance >> Widgets". Then add content from Widgets manager, these content will display on this menu.

Customize Style Tab

XMENU provide many options for user can change/setting menu as they want(style, background, color, active color...etc), so advance options on this tab.
Choose menu item to change, hover on that and click "XMENU" button. Choose "Customize Style" tab on the right Panel Settings.

MENU ITEM

This settings for menu item

Background Color choose background color for menu item.

Text Color choose text color for menu item.

Background Color[Active] choose background color active.

Text Color[Active] choose text color active.

Background Image background image for item, can get from gallery or paste image url here.

Background Image Repeat, Background Image Attachment, Background Image Position, Background Image Size support for Background Image attribute

SUB MENU

This settings for submenu of menu item

Background Color choose background color for submenu.

Text Color choose text color for submenu.

Background Image background image for submenu, can get from gallery or paste image url here.

Background Image Repeat, Background Image Attachment, Background Image Position, Background Image Size support for Background Image attribute

Column Min Width set value min-width for submenu.

Padding set value padding for submenu. Ex: 5px 10px 15px 5px

MENU FEATURE TEXT

This settings for Feature Text of menu item

Feature Menu Type

• Standard: can set position top, left
• Not Float: always display right on menu text

Background Color choose background color for feature text

Text Color choose color for feature text

Position Top when Feature Menu Type set "Standard", this value effect to set position for feature text

Position Left the same Position Top above

Responsive Tab

Choose menu item to change, hover on that and click "XMENU" button. Choose "Responsive" tab on the right Panel Settings.

Reset Tab

When you choose Reset tab, no options to choose, only notification display need save. If you Save Changes, value default will reset.