TB Mega Menu Simulator

Avaliable Blocks

ONLY blocks that are placed in regions are avaliable from the dropdown! See: #3252118: Can't add blocks that are not already placed in a region

TB Mega Menu Simulator - This section of the page simulates a simplified version of the mega menu front end interface of your menu.

There are three types of clickable elements in the Simulator:

1. Menu Item
2. Submenu
3. Column

Depending on the element you select, the Toolbox will display different content.

1. Item Configuration

• Submenu - toggle "yes" to display the submenus items under the selected parent item
• Group - configure how the selected item's submenus display
• Break column - allows you to move a list of menu items to another column
• Extra class - allows you to style the selected by adding a custom CSS class
• Icon - allows you to add an icon from Twitter Bootstrap to the selected item
• Item caption - adds a caption to the menu item

2. Submenu Configuration

• Add row - add a row to the selected submenu
• Hide when collapsed - show/hide submenu when the menu is collapsed on smaller screens/devices
• Submenu width (px) - set width (in px) for selected submenu
• Alignment - align selected submenu: left, right, center, justify
• Extra class - allows you to style selected submenu by adding a custom CSS class

3. Column Configuration

• Add/Remove column - “+” to add a new column to the right of the selected column. “-” to remove the selected column
• Hide when collapsed - show/hide this column when the menu is collapsed on small screens
• Grid (1-12) - allows you to set the number of grid columns (Bootstrap grid) that the selected column spans
• Blocks - add/replace a block in the selected column
• Extra class - allows you to style the selected column by adding a custom CSS class