Prev/Next arrows not working

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

Thanks. It’s:

https://www.uuchurchsacobiddeford.com/site/

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