Common Symptoms

Click the [+] to see more specific symptoms. Click a symptom to see potential diagnoses.

UberMenu
Symptom Details
UberMenu Troubleshooting Symptoms
- Google Maps display issue
  Symptom Details
  The map is either not displaying, or is not drawn completely.
- jQuery/javascript errors
  Symptom Details
  A javascript error is printed in the javascript console.
- [+] Styles don't look like the demo
  Symptom Details
  Because we're injecting a chunk of HTML into a theme's markup and replacing an existing menu, the theme (or other plugins) CSS styles, javascript, or PHP functions can affect how the menu displays. Generally, themes that are written with modularity in mind don't have this issue.
  - No animations
    Symptom Details
    The submenu opens when hovering over a top level menu item, but the animations do not occur.
  - Menu items completely unstyled
    Symptom Details
    The menu items are present, but they are not styled at all like a menu - they just display as an unordered list.
  - Styles present but not like demo
    Symptom Details
    It is clear that the UberMenu styles are being applied, but they don't look like the demo - this indicates that other styles (from the theme or another plugin) are also affecting the look of the menu.
- [+] Submenus (dropdowns) not displaying
  Symptom Details
  The submenus are not appearing when the top level menu item is activated (hover or click).
  - Javascript error
    Symptom Details
    Any javascript error can prevent UberMenu's javascript from running, resulting in the submenu not opening. Javascript errors are displayed in your browser's javascript console.
  - Submenu partially obstructed
    Symptom Details
    The submenu can be seen to open, but part of it is hidden behind other elements of the site.
  - Submenus display but third level menu items are hidden
    Symptom Details
    The submenus open, but the third level menu items remain hidden until hovering over their parent second level menu items.
- Internet Explorer display problem
  Symptom Details
  There is a display issue, specifically in a version of Internet Explorer (IE).
- Can't Expand Responsive Menu Toggle
  Symptom Details
  When you click the collapsed "Menu" button on a mobile device, nothing happens and the menu items are not revealed.
- UberMenu does not appear
  Symptom Details
  UberMenu replaces the existing menu by targeting a theme_location on a specific wp_nav_menu call. Because we're injecting the menu markup into the middle of a theme template, the theme's CSS, javascript, and PHP code can affect the rendering of the menu.
- UberMenu and Theme Menu Both Appear
  Symptom Details
  When using a responsive theme, UberMenu and the theme menu both appear once activating UberMenu.
- Menu is not positioned properly
  Symptom Details
  The menu does not appear in the expected location
- Style Generator Color Picker Won't Work
  Symptom Details
- Current submenu open by default
  Symptom Details
  When visiting a page, the submenu of the current menu item opens automatically without it being triggered by the user.
- UberMenu appears twice / duplicated
  Symptom Details

Diagnosis

Flash object obstructing menu / submenu

Because Flash objects are always layered above all other HTML elements, if they overlap with your submenu, the submenu will be partially obstructed.

Background

Flash objects are not layered within the HTML like other HTML elements; by default, flash objects will always be layered on top of all other elements.

The Problem

Because Flash objects are always layered above all other HTML elements, if they overlap with your submenu, the submenu will be partially obstructed. Unfortunately, Flash objects are not affected by z-index.

The Solution

The Flash object can be made to layer properly by adding the wmode parameter and setting it to opaque or transparent

Here’s an article on wmode.

Object tag

Within an object tag, add this parameter:

<param name="wmode" value="opaque">

Embed tag

To the embed tag, add the following attribute:

wmode="opaque"

YouTube video (iframe)

add ?wmode=transparent to the embedded link like this:

<iframe title="YouTube video player" width="480" height="390"
    src="http://www.youtube.com/embed/lzQgAR_J1PI?wmode=transparent"
    frameborder="0" wmode="opaque" >

(or, just use the newer HTML5 markup rather than the flash markup – but better cross browser compatibility)

If you do not have direct editing capability of your flash markup, you’ll need to ask the author of the theme/plugin how you can add or edit the wmode parameter.