Jarida has support for the old UberMenu, but not UberMenu 3.
Jarida will cause major residual styling and interfere from the theme, so the menu will need to be Manually Integrated
Manual Integration
Remember to always make changes in your child theme, in order to preserve them when updating the parent theme
In the header.php
, find this code:
<?php //UberMenu Support $navID = 'main-nav'; if ( class_exists( 'UberMenu' ) ){ $uberMenus = get_option( 'wp-mega-menu-nav-locations' ); if( !empty($uberMenus) && is_array($uberMenus) && in_array("primary", $uberMenus)) $navID = 'main-nav-uber'; }?> <nav id="<?php echo $navID; ?>" class="fade-in animated2<?php echo $stick; ?>"> <div class="container"> <?php $orig_post = $post; wp_nav_menu( array( 'container_class' => 'main-menu', 'theme_location' => 'primary' ,'fallback_cb' => 'tie_nav_fallback', 'walker' => new tie_mega_menu_walker() ) ); $post = $orig_post; ?> </div> </nav><!-- .main-nav /-->
Replace it like this:
<?php if( function_exists( 'ubermenu' ) ): ?> <?php ubermenu( 'main' , array( 'theme_location' => 'primary' ) ); ?> <?php else: ?> <?php //UberMenu Support $navID = 'main-nav'; if ( class_exists( 'UberMenu' ) ){ $uberMenus = get_option( 'wp-mega-menu-nav-locations' ); if( !empty($uberMenus) && is_array($uberMenus) && in_array("primary", $uberMenus)) $navID = 'main-nav-uber'; }?> <nav id="<?php echo $navID; ?>" class="fade-in animated2<?php echo $stick; ?>"> <div class="container"> <?php $orig_post = $post; wp_nav_menu( array( 'container_class' => 'main-menu', 'theme_location' => 'primary' ,'fallback_cb' => 'tie_nav_fallback', 'walker' => new tie_mega_menu_walker() ) ); $post = $orig_post; ?> </div> </nav><!-- .main-nav /--> <?php endif; ?>
You should now be able to use UberMenu without interference from the theme.