Adding Content to the Menu

Knowledgebase Docs » UberMenu 2 » Adding Content to the Menu

Normal Flyout Menus 1

Even in an UberMenu, you can still create a normal flyout menu. Just make sure that Activate Mega Menu is NOT checked on the top level menu item. Add items as usual. Note that if the top level item is not a Mega Menu, the Mega Menu options are non-applicable, except for disabling text and links, and Align to Right Edge.

View

Images 0

UberMenu makes it easy to apply an image to each menu item, on any level. The image is placed to the left of the menu item text. Images can be automatically resized. You can control how this is done (via TimThumb or normal browser scaling) and to what size the images are scaled through the UberMenu Control Panel under Images. Here’s how to apply an image to a Menu Item: UberMenu 2.4+ Add a Menu Item Click Show/Hide UberMenu Options to display the advanced options. Click Set Thumbnail A popup dialogue appears. Upload or select the image through the normal WordPress Media Uploader Make sure the image you want to use is selected (with the checkmark), then click Select The image is now set for that menu item The image will automatically update without re-saving your menu. UberMenu 2.3.2.2 and earlier Add a Menu Item Click Show/Hide UberMenu Options to display the advanced options. Click Set Thumbnail A popup dialogue appears. Upload or select the image through the normal WordPress Media Uploader Click Use as Featured Image this is critical Change any other settings, like title, etc, and click Save All Changes Close the popup You should now see a preview of your image in the Menu Item The image will automatically update without re-saving your menu. Video Tutorial

View

Widgets 0

Activate your widget areas, attach them to your menu items, and add widgets to the areas in the normal fashion.

View

Top-Level Widgets 0

Top Level Widgets are widgets attached to top level menu items. And like top level menu items, they are ALWAYS visible. If you want a widget in a submenu, attach it to a second level menu item Note that by default, top-level widgets are deactivated. To activate top-level widgets: Navigate to Appearance > UberMenu Expand Descriptions, Shortcodes, Widgets and activate Allow Top-Level Widgets Save Options Once you have top-level widgets activated, you’ll be able to use widgets in top level menu items as described above.

View

Custom Content & Shortcodes 0

Using content overrides, you can add any custom content to your menu you want, including shortcodes. Adding content is easy, but formatting is sometimes unpredictable. You may need to apply custom CSS styles to your menu in order to make your shortcodes display the way you’d like them to – especially custom widths. In the Control Panel under Appearance > Uber Menu > Descriptions, Shortcodes, Widgets, turn Allow Content Overrides on In Appearance > Menus, add an item to your menu Expand the UberMenu Options for the Item. Enter your custom content in the Content Override box. Save your menu. Apply custom styles if necessary Video Tutorials

View

Google Maps 3

The UberMenu Google Maps shortcode allows you to insert geocoded map locations into your menu. To use Google Maps you need to include the API, which can be done by enabling Load Google Maps in Appearance > UberMenu > Descriptions, Shortcodes, Widgets This map will automatically be recentered when the submenu is opened. Shortcode format Map shortcode parameters lat The latitude of the coordinates to show on the map. This will load immediately. 40.4166909 lng The longitude of the coordinates to show on the map. This will load immediately. -3.7003454 address This address is optional and will be geocoded and displayed – it sends an extra request to do this, so if the geocode fails the original lat and long coordinates will be displayed. 5 Calle de Sevilla, Madrid, Spain zoom The level to which the map should be zoomed to begin with. 15 title The text to display when hovering over the map marker. Agility, Inc width Width of the map. Defaults to 100%. 200px height Height of the map. Defaults to 200px. 200px Other Notes Twenty Eleven breaks embedded Google Maps

View