Use sIFR with the Multi level Navigation Plugin (or sIFR for main nav items only

Hello,

I was trying to include sIFR 3 in a dropdown navigation and wanted to use the popular Multi level navigation plugin and for sIFR the WP sIFR plugin

But then there are problems, if you use sIFR for say: ul li.page_item a the all links in the nav including sublinks get replaced by sIFR!

The first part of the solution is to declare sIFR to the individual page-item classes for every nav item…

I declare sIFR to be used for:
ul#dropmenu li.page-item-5 a
(page-item-5 is a nav item with a dropdown)
And then add ul#dropmenu li.page-item-5 a, ul#dropmenu li.page-item-6 a, ul#dropmenu li.page-item-7 a, etc... for main pages

The problem is now that sIFR adds a
.sIFR-active ul#dropmenu li.page-item-5 a { visibility:hidden; }
And this will make all a links below the first li.page-item-5 a hidden!

To fix this just add:
.sIFR-active ul#dropmenu li ul li a { visibility:visible; }
To the bottom of your CSS file, this makes all li items below another li item visible again.

So now you can use sIFR for the main nav items and still use Multi-level Navigation!

EXAMPLE (my code in WordPress for the WP sIFR plugin):
ul#dropmenu li.page-item-2 a, ul#dropmenu li.page-item-5 a, ul#dropmenu li.page-item-6 a, ul#dropmenu li.page-item-138 a, ul#dropmenu li.page-item-7 a, ul#dropmenu li.page-item-174 a

Extra code below my style.css:
.sIFR-active ul#dropmenu li ul li a {visibility: visible;}