Fix WordPress Shailan Dropdown Menu Widget for IE

You might have noticed that the Shailan Dropdown Menu Widget does not display the dropdown menus properly in older versions of Internet Explorer. The dropdowns actually show behind the other content on the page.

Here is how you can fix it.

Start By Using the Blue Gradient Theme/Skin

To start we recommend trying the fix with the Blue Gradient theme/skin for the menu – once you see how it works here you can easily fix it wherever you need. To select this skin, go to the Drop Down Menu section (under Settings) in your admin panel. Select the Blue Gradient Skin at the top, and click Save changes.

Now you have to modify that skin’s css file

Use your favorite ftp tool (fileZilla, coda, cPanel for hosting, fetch, ssh + vi, etc) to go the plugin’s directory on your server/hosting. The location will be your_domain/your_wordpress_install/wp-content/plugins/dropdown-menu-widget/themes.
Now edit the simple-blue.css file.
You just need to change one line (about the 8th line of the file):
    • Change the line from this:
  • ul.dropdown{ padding:0px 0px 0px 20px;}
    • To this:
  • ul.dropdown{ padding:0px 0px 0px 20px; z-index: 9999;}
(you’ve just added the text “z-index: 9999;”)
Save your file. (Make sure you are saving back to the server/hosting)
That’s it!
If you are using a different skin than Blue Gradient, you will just have to make this change the your skin’s corresponding css file. Blue gradient uses simple-blue.css, you can easily figure out what the others use.