Fix OwlCarousel/jQuery problems in slider

Hi Freelancers, I am currently working on an Owl Carousel (JS/jQuery) slider but I ran into some problems. I started out searching common solutions to a synced secondary slider, but they all end up here: [login to view URL] So what I did was edit this codepen to include a 9th item, set slidesPerPage to 3 and loop to false, commented & uncommented as described in the JQuery code, but this approach breaks the syncing, autoplay plays slide 7 after 8 instead of 9, swiping back from 9 it springs from 7 to 1, and clicking the 3th dot (from the 3 dots in the second carousel) and then the 2nd dot makes it spring to the first dot (instead of just second). When you reply to this project please put nooijen solutions as your first two words, others will be instantly rejected. You can test these problems here: [login to view URL] Thank you in advance