Documentation: UberMenu 2

Knowledgebase Docs » UberMenu 2

Integration Check 0

At this point, assuming your menu already has content, you should check to see that UberMenu looks like the demo. If not, you should check the troubleshooter to identify any issues you might be having

View

Setup Widgets 0

UberMenu provides an unlimited number of Widget Areas. To activate widget areas for use, set how many you want to have via Appearance > UberMenu > Descriptions, Shortcodes, Widgets > Number of Sidebars. You can always increase this later. Navigate to Appearance > Widgets and add widgets to the UberMenu Widget Areas Navigate to Appearance > Menus and expand a Menu Item (create it first if you haven’t already), preferably a second-level item (though third-level+ will also work. Note that to use widgets at the top level, you need to activate that via Appearance > UberMenu > Descriptions, Shortcodes, Widgets > Allow Top-Level Widgets – keep in mind that top level widgets will ALWAYS be visible) Click Show/Hide UberMenu Options In the Display a Widget Area select box, select the Widget Area to display in this Menu Item Save the Menu Now UberMenu will load the Widget Area into your Menu. You can update the Widgets in the future without needing to change the Menu again.

View

Easy Integration 2

Using UberMenu with Themes that do not properly support WordPress 3 Custom Menus, or adding an additional menu to your theme.

View

Vertical Menus 0

To switch your menu into vertical mode, visit the UberMenu Control Panel > Basic Configuration, and set the Orientation to Vertical.

View

Activate UberMenu Locations 3

You’ll notice a new Meta Options box in the Menus Control Panel. This panel determines whether a particular menu location will be megafied. The location of your menu must be activated in order to megafy the menu. This allows you to have certain one location megafied while others remain normal menus. Please note that you can only have one Mega Menu per page. You could have 2 mega menus, but only if they never occur on the same page.

View

Menu Item Options 5

UberMenu integrates directly with the WordPress Menu System by adding UberMenu-specific options to your menu items.

View

UberMenu Control Panel 1

The UberMenu Options Panel is the place to customize your UberMenu. It is accessible via your Control Panel, under Appearance > Uber Menu. With it you can: Configure settings like orientation, transition, trigger event, description display, image size, and more Set how you’d like to style your Menu Select Style Presets Create Custom Styles and generate CSS Preview your Menu and a lot more Each option has a description which explains what it does right in the control panel for easy reference.

View

Responsiveness & Breakpoints 12

Unlike other responsive systems, UberMenu uses a single set of menu items that are displayed at all sizes. Using CSS, the menu format adapts to the various device widths to present a quality navigation experience as the viewport resizes. Breakpoints > 960px Approximate device size: Full Size Monitor or Horizontal Tablet/iPad Target Media Query 767px – 960px Approximate device size: Vertical Tablet/iPad Any menu items that don’t fit on the top level will automatically wrap to a second row. Submenus still accessible as normal. Target Media Query 480px – 767px Approximate device size: Horizontal Phone/iPod Below 767px, the menu collapses to a single bar that can be clicked/tapped to expand the submenu items. Default state Expanded state Top level menu items will be laid out from left to right, top to bottom, with two menu items on each row. Submenu open state Target Media Query < 480px Approximate device size: Vertical Phone/iPod Below 480px, the menu collapses further and top level menu items will each take up an entire row. Default state Expanded state Submenu open state Target Media Query

View