Hello,
I was trying to include sIFR 3 in a dropdown navigation as well, and had the same problem.
My solution is to declare sFIR to the individual page-item classes for every nav item…
When I declare sFIR to be used for:
ul#dropmenu li.page-item-5 a
(page-item-5 is a nav item with a dropdown)
All the links in the dropdown get hidden by sFIR!
The problem was that sFIR 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;}
