The problem with the current version of GeoTheme is that it calls the wp_nav_menu function twice, only printing it the second time, and UberMenu will only be applied to the first. Basically, GeoTheme is trying to check for the existence of the menu before printing it, like this: It generates the code for the menu, checks that something was returned, then generates the code for the menu a second time. Because UberMenu is only applied to the wp_nav_menu function the first time it is called (which was not actually printed to the site), no UberMenu is displayed – even though it was properly processed by the plugin. At the very least, the first output should simply be captured in a variable and then printed (so that all the work of creating the menu markup doesn’t have to be executed twice). Alternatively, the standard WordPress function has_nav_menu can be used to do the check without doing all of the processing. The solution UberMenu 2.4.0.1+ With current versions of UberMenu, you should be able to set the Theme Location Instance to 2 (under UberMenu Control Panel > Advanced Settings ) to resolve GeoThemes’ use of the same theme location parameter. UberMenu < 2.4 We need to only call wp_nav_menu once with this theme location. In your header.php, either replace the wp_nav_menu() call within the if statement with has_nav_menu(), like this: Make sure you edit the wp_nav_menu call with the main_menu theme_location. Or, just replace the entire if/else statement with: Alternatively If you can’t edit this for some reason, your other option is to remove the double menu check from UberMenu (ubermenu/core/UberMenu.class.php line 285 or so), comment out: However, this solution is not recommended as it does not address the root cause of the problem, the duplication of the menu call.

Thesis 2.0 doesn’t support theme locations, so we’ll need to install a custom Box in order to use UberMenu Download Custom Box Download and install box Drag UberMenu box into your Thesis layout in the Skin Editor. Remove your old menu. Save Template. Go to Appearance > Menus and activate the UberMenu Thesis theme location (in UberMenu 3, this is done in the UberMenu Control Panel > Main UberMenu Configuration > Automatic Integration) Go to Appearance > Menus > Theme Locations tab and assign a menu to the UberMenu Thesis theme location Video Tutorial

UberMenu integrates easily with Libra, but there is some significant residual styling because the menu styles are based on the #nav ID, which is not set via wp_nav_menu. All we need to do is change the id=”nav” to id=”nav-uber”, but since the menu is not printed directly in the header.php, we can’t use the normal WordPress template system to just override the header template. Instead, we can use Libra’s template system to provide our own replacement nav template. Here’s what needs to be done: Create a child theme for Libra Create our own topbar.php template which will replace the default Libra template. This template will contain a single modification – change id=”nav” to id=”nav-uber” Override the pluggable yit_topbar() function so we can replace the template with our own. Add this code to the child theme’s functions.php: Activate the child theme and set a menu in the theme location in Appearance > Menus I’ve created a child theme that does all of this for you. Just install and activate it, then set up your menu as usual. Download the Libra Child Theme

Are you using UberMenu 3? Please see the UberMenu 3 Avada Integration Instructions Avada 3.x In Avada 3, the UberMenu option still appears in Appearance > Theme Options > Extra Options > Enable or Disable Support for Plugins Installed Manually > UberMenu Plugin Support, it is just located slightly further down in the settings Avada 2.1.1 ThemeFusion added UberMenu support into Avada in version 2.1.1 of the theme. It can be activated in the Avada Theme Options Panel.

Modernize uses its own responsive system and adds a bit of residual styling to the menu, so we’ll want to replace the entire GoodLayers navigation with UberMenu instead. Here’s what to do (requires UberMenu 2.3+): 1. Make edits in a Child Theme It is recommended that you make all edits in a Child Theme in order to preserve your changes when the next theme update comes along. Once you have your child theme created, just copy the header.php from the modernize theme into the child theme. 2. Replace Modernize menu with UberMenu The simplest way to resolve the conflicts between Modernize and UberMenu is to simply replace the entire Modernize menu with UberMenu. In the header.php file, you will find this navigation section: We’ll leave the outermost wrapper intact, but replace everything inside it with UberMenu. Here’s the resulting section of header.php: We use the ‘main_menu’ theme location provided by Modernize, so you just need to activate UberMenu on your Main Menu theme location. Mobile Devices If your menu won’t expand on mobile devices, it is likely obstructed by another element and you may need to add

FlexForm is a very nice theme from Swift Ideas. To make it work with UberMenu we just need to remove some of the extra menu capabilities it has built in and remove some residual styling to allow UberMenu to control the menu system. This tutorial deals with implementing UberMenu in the Main Menu theme location. Responsiveness & Styles The main navigation is located in FlexForm’s header.php. It looks like this I recommend copying this header.php into your child theme to make the following edits: Replace the entire menu markup with UberMenu Direct This does two things: It removes residual styling from the theme It removes the responsive toggle button, which is superfluous once UberMenu is installed FlexForm Search If you wish to continue using the FlexForm Search bar, I recommend adding that code below UberMenu: Then add this CSS to position the search box: Sticky Extension If you’re using the Sticky Extension, you’ll want to disable the Mini-Header that is built into FlexForm so that it does not cover up UberMenu. You can disable the Mini Header in FlexForm Options > Header Options > Mini header If your menu collapses when you return to the top of the page, you may need to set an explicit width for your container.

Cherry – Responsive News and Magazine Theme by bdayh creates some residual styling, residual scripting, and a double menu when integrated with UberMenu. To resolve this, we can replace the entire menu in Cherry with UberMenu Direct. 1. Open the theme’s header.php 2. You’ll see this code: 3. Remove that code and replace it with 4. UberMenu should now be properly integrated.