I have use case where I need to nest a flexslider into another flexslider; I'm not having much success and was hoping someone might be able to provide some insight. It should look something like this:
Basically, I have panelized nodes which each contain a flexslider pane generated by Views using the flexslider formatter. These panelized nodes with flexsliders also need to appear as slides in another views-generated flexslider on a landing page.
Unfortunately, the landing page doesn't seem to be processed correctly by flexslider's JS;
<li> elements are getting rendered underneath the flexslider element, navigation controls the wrong slideshows, etc. I have I think I'm having a hard time finding the correct selectors to use for each flexslider. I see I can add an element id to the flexsliders in Views and I have set up unique presets for the inner node flexslider and outer landing page flexslider, but using a string like
#innerflexslider > li in the advanced settings doesn't seem to work.
I'd appreciate any advice.