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

Submenus hidden in Internet Explorer with Filter Gradient

Troubleshooter
Diagnosis
Internet Explorer display problem · Submenus (dropdowns) not displaying · UberMenu

You can NOT use IE gradient filters on your menu bar. If you add an IE filter to your menu bar in order to create a gradient, IE will automatically treat that element as overflow:hidden, no matter what CSS settings you change. This effectively chops off the submenu and prevents it from displaying.

Details

Background

Microsoft Internet Explorer filters are evil. Since the death of older IE browsers, this has become less and less common, fortunately.

The Problem

If you add an IE filter to your menu bar in order to create a gradient, IE will automatically treat that element as overflow:hidden, no matter what CSS settings you change. This effectively chops off the submenu and prevents it from displaying.

Identifying the issue

Check your .ubermenu and .ubermenu-nav elements ( #megaMenu and #megaMenu ul.megaMenu in UberMenu 2), as well as any wrapper elements in your theme, for IE gradient filters.

UberMenu does not add IE gradient filters to the menu bar.

The Solution

Use a background image instead of a gradient filter in order to display gradients in IE. Better yet, don’t use gradients at all in older versions of IE, it’s just not worth it.

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