Controls for Slide Animation not attached properly

According to the documentation for Flexslider, when using the slide animation, because it assigns overflow: hidden to .flexslider, navigation controls should be attached to a wrapper for .flexslider, in this module's case <div id="flexslider_views_slideshow_main_[view-name]-[display]>. Doing so should fix the fact that directional nav is cropped and individual slide nav cannot be seen for slide animation. The raw jQuery should look something like this:

$('#flexslider_views_slideshow_main_[view-name]-[display] .flexslider').flexslider({
  animation: "slide",
  controlsContainer: "#flexslider_views_slideshow_main_[view-name]-[display]"
});

See http://flex.madebymufffin.com/ 's Advanced section.