@Shikkediel that’s what I thought but I couldn’t get it to work. I’ve created a couple of pen’s to illustrate the issue, sorry, should of done this before!
Example 1: http://codepen.io/moy/pen/PZqOYK
A single carousel, working as intended. Great!
Example 2: http://codepen.io/moy/pen/YwXrMW
Adding an additional carousel breaks the navigation. You can see the custom nav doesn’t work anymore and the default nav is loaded in below each carousel.
Originally I had the
.hgroup div (which contains the custom nav) outside
.carousel container. As it didn’t effect the layout at all, I moved it to within it as I thought it would be easier for the custom nav to know which carousel it was associated to.
Be great if someone could help with this. A bit stuck!