Navigation Menu

Alex -

This theme has two types of menus:

1. single column menu

2. multi column menu ("Mega" menu)

Creating menu

Menu structure:

  • first level - link
  • second level - column name or link
  • third level - link

 

Creating multi column menu ("Mega" menu)

You need to add megaMenu to "CSS Class" field of top level menu item.

Customizing multi column menu

#1 important link

Add important to "CSS Class" field of item.

#2 image link

Fill the "Description" field with the link to image source.

#3 menu background image

Fill the "Description" field of top level item (with css class megaMenu) with the link to image source.

Also you can set background image position (by default it will appear at the left-top corner). Add to "CSS Class" field one of the next values:

  • bgLeftBottom
  • bgLeftTop
  • bgLeftCenter
  • bgRightBottom
  • bgRightTop
  • bgRightCenter
  • bgCenterBottom
  • bgCenterTop
  • bgMiddle

#4 column name

If you want to hide name of the column (you can't just leave it blank), you need to add hidden-title to "CSS class" field.

If you want to disable hover animation effect (underlining), you need to add no-hover-decoration to "CSS class" field.

Have more questions? Submit a request

Comments

Powered by Zendesk