If you get the message “UberMenu Loading…” or “UberMenu Waiting to Load…” in your admin bar, it means that the UberMenu javascript has not run on your site. This can occur for a few reasons Javascript error on your site If you have an unrelated javascript error, this can prevent UberMenu’s javascript from being able to run. Here’s How to check for Javascript Errors One common error is themes loading the incorrect version of jQuery Solution: Resolve the javascript errors on your site so that your javascript runs correctly. UberMenu javascript assets not loaded UberMenu includes its javascript file, ubermenu.min.js via the wp_enqueue_scripts hook, and loads in your footer. If you theme does not include the standard wp_footer() hook in its footer.php, then this script can’t load. Solution: Add the wp_footer() hook to your theme. Any professional theme should already have this hook present. Minified/Concatenated scripts If the UberMenu JS loads under normal circumstances, but not when you have a caching/minification/concatenation plugin enabled, it suggests that you have an error in one of the javascript sources that is included in the concatenated javascript file, which prevents the UberMenu JS from running. Solution: Locate the script causing the issue, and either resolve the error or exclude it from the minification/concatenation process.

Aaika theme creates residual styling, so we’ll want to use Manual Integration to prevent the theme from interfering. Manual Integration Remember to always make theme edits in a child theme to preserve them when updating The file that needs to be edited depends on which Header you choose in the theme settings The theme will show you where the template file is located: templates/header/header-{x}.php Copy the appropriate header template into the child theme in an identical directory path, e.g. aaika-child/templates/header/header-5.php Then replace the theme’s menu with UberMenu. Here’s an example from the Header 5 template: Centering Menu Once the menu is integrated, you’ll want to use the inner centering settings to center the items to your content area.

The Directory theme by AIT causes significant residual styling which interferes with the menu, and therefore requires Manual Integration Integration The code that needs to be replaced is in the directory/Templates/snippets/branding-header.php file. The residual styling is rooted in the #access ID, so we’ll replace that with the manual integration code conditionally: Note: you’ll want to make this change in a child theme in order to preserve the changes for next time you update the theme Now UberMenu can function without interference from the theme. Custom CSS for Positioning Now that UberMenu can function unimpeded, we’ll add some Custom CSS in the Desktop CSS Tweaks in order to position the menu the same way the original menu was positioned (aligned with the edge of the slider) If you are using a style with thick borders on the bottom of the header, we’ll also add this modification to the header, which prevents other elements from overlapping the border image and the background image from repeating: Recommended Settings These settings are not required, but they are recommended if you want to make your menu display similarly to the original theme menu. Control Panel Menu Bar Alignment – Right Bound Submenu To – Unbounded Customizer Skin – Vanilla Top Level Text Transform – Uppercase Top Level Font Size – 15px Top Level Font Color – #444 Top Level Font Color [Current] – #E20202 Top Level Font Color [Activated] – #E20202