Menus

Creating a Menu #

Impreza uses default WordPress menu functionality. Read the WordPress Menu User Guide.

Adding attributes to Menu links #

Use the built-in WordPress fields for menu items, you can enable them in "Screen Options" block:

2422.png

Customizing Header Menu appearance #

If the Header Builder addon is active, change menu options in the Menu header element. If not, check the Header Options page. To change colors of Header Menu go to Theme Options > Colors.

Customizing Header Menu dropdown #

Since Impreza version 4.6 it's possible to customize the dropdown of every main item of any menu. Dropdown Settings are only available for the 1st level items with sub-items.

Go to Appearance > Menus and click on "Dropdown Settings" link:

2423.png

Adjust settings in the opened window:

2424.png

  • Dropdown Columns - set a number of columns to be shown from 1 to 6
  • Dropdown Width - set either Full Width or Custom Width in px (by default Full Width equals the Site Content Width from Theme Options > Layout Options)
  • Dropdown Direction - turn on this option if your menu items are cut by browser edges (usually uses for the last menu item with dropdown)
  • Dropdown Padding - set custom padding around a dropdown content
  • Custom Background Color - assign a custom Background Color
  • Custom Text Color - assign a custom Text Color
  • Background Image - assign a custom Background Image and adjust its settings

2425.png

Note if a 2nd level item has 3rd level items, it transforms to a “heading view” item:

2462.png

If not — all 2nd level items display as usual:

2464.png

Adding a Menu to a Footer or a page content #

To add a menu to specific content area use WP Custom Menu element of WPBakery Page Builder:

2429.png

Adding a button to a Menu #

To transform any 1st level menu item (not sub item) to a button view, go to Appearance > Menus and add the btn CSS class to the desired menu item and save the changes.

2426.png

Adding an icon to a Menu Item #

You can add an icon to your menu via adding <i class="fas fa-star"></i> at “Navigation Label” field of the menu item.

2427.png

Change the fa-star to any other icon name from the FontAwesome list.

Adding a Page Block as a Menu Item #

Select one of the Page Blocks and add it as a Menu Item:
2577.png

Uncheck the "Exclude Rows and Columns" box in order to keep the Page Block layout

2578.png

Fallback Menu Location #

Impreza 4.6.2 and above includes one Custom Menu location, it's a fallback location for 3-rd party plugins such as UberMenu, DigiMember etc. You don't need use this option in most cases.

2428.png

Once the checkbox is checked, go to either Impreza > Theme Options > Header Options > Menu Options (if the Header Builder is deactivated) or to Impreza > Headers, edit the desired header, and select the corresponding menu, its name should contain Custom Menu in parentheses.