Skip to main content Skip to footer
SevenSpark logo
  • Shop
  • Articles
  • About
  • Help
  • Shop
  • Articles
  • About
  • Help
Login

Residual scripting from the theme

Troubleshooter
Diagnosis
Styles don't look like the demo · Styles present but not like demo · Submenus (dropdowns) not displaying · Submenus display but third level menu items are hidden · UberMenu

Some themes’ menu javascript will still affect the menu even after UberMenu has replaced the default menu. As a result, UberMenu can appear distorted, the styles can be incorrect, extra markup may be added, and the functionality may break.

Details

Background

Most themes have some javascript that is applied to the default menu. There is no way for UberMenu to automatically remove this when it is activated.

The Problem

Most of the time, when UberMenu replaces a theme menu, the theme menu javascript is neutralized (it no longer applies because the root identifier element no longer exists).

However, some themes’ menu javascript will still be in effect even after UberMenu has replaced the default menu. As a result, the menu can appear distorted, the styles can be incorrect, extra markup may be added, and the functionality may break.

One common symptom of residual scripting is that the third level menu items in a mega menu are only displayed when hovering over the second level menu items.

Identifying the issue

The most common symptoms that indicate residual scripting are:

  1. Submenu columns items not appearing until the second level is hovered, or disappear after hovering out
  2. Submenus can be opened once, but then do not open again
  3. Responsive toggle not working
  4. The class “superfish” appearing in the UberMenu markup

In general, an extra class or inline CSS tends to be added to the menu.

Comparing the markup either from the inspector to the plain source, between inspectors while javascript is disabled, can help to determine if external javascript is acting on the menu.

The Solution

In the vast majority of cases, residual scripting goes hand in hand with residual styling, and is resolved the same way ( Manual Integration for UberMenu 3, or changing the ID or class of the root element in UberMenu 2).

In some cases, the script targets the menu too generically (for example, something like $( ‘#header ul’ ) instead of $( ‘#navigation ul.menu’ ) ). In this case, the offending javascript will have to be tracked down and removed manually. The easiest way to locate it is to use the Chrome Dev Tools and search all assets for menu-related strings like “sub-menu” or “ul li”

SevenSpark Logo
Follow on FacebookFollow on XFollow on YouTube

Plugins

  • UberMenu Mega Menu
  • ShiftNav Mobile Menu
  • Bellows Accordion Menu
  • Carbon Copy Menu Duplicator

Resources

  • Articles
  • Tutorials
  • Support Center
  • About SevenSpark

Newsletter

Get exclusive deals by signing up to our Newsletter.

Copyright 2025 © SevenSpark LLC

  • Privacy Settings
  • Privacy Policy
  • Terms of Service
  • Disclaimer