Support » Plugin: CPT Bootstrap Carousel » Prev/Next arrows not working

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Phil Ewels

    (@tallphil)

    Hi there,

    I’ve had this reported once or twice before I think, it’s usually because of some clashing class names or overlapping elements. But could be any number of other things too. Do you have a link to your site?

    Phil

    Thread Starter jgold723

    (@jgold723)

    Plugin Author Phil Ewels

    (@tallphil)

    Ok, you have quite a lot of stuff going on in this page, but my money is with the following bit of JavaScript:

    /*  Smooth scrolling anchor links */
    $('a[href*=#]:not([href=#])').click(function() {
        if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
            || location.hostname == this.hostname) {
    
            var target = $(this.hash);
            target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
               if (target.length) {
                 $('html,body').animate({
                     scrollTop: target.offset().top
                }, 1000);
                return false;
            }
        }
    });

    Note that when you click forwards or backwards, the page scrolls until it has the carousel at the top. I suspect that if you remove this code, make it more specific so that it doesn’t target the carousel links or perhaps just remove the return false; then the carousel buttons will work..

    Good luck!

    Phil

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Prev/Next arrows not working’ is closed to new replies.