Carousel not working. Items are stacking

Hi,
Just to confirm, in your Testimonials block settings you have set the Layout to Carousel, correct? And the carousel is working in the editor?

Hannah

Yes the setting is on carousel and is working perfectly in the editor

It’s possible you have a plugin that is conflicting with Kadence Blocks. I suggest deactivating your plugins to test. Can you also tell me what theme you’re using?
Thanks!

Hannah

I’m seeing this javascript placed in your footer:

 var recipeObject = document.getElementById('recipeGoesHere');
    var printArea = document.getElementById('printMe');
    //printArea.innerHTML += recipe.innerHTML; 
    var mainImage = document.getElementsByClassName("post-thumbnail");
    var i;
    for (i = 0; i < mainImage.length; i++) {
        var x = mainImage[i].innerHTML;
      if (x.includes("srcset")){
          if (x.includes("1000")){
            var correctArrayID = i;
          }
      }
          
     }
    
    var imageAddress = mainImage[correctArrayID].innerHTML;
     
    var nStart = imageAddress.indexOf("1000w");
    var nEnd = imageAddress.indexOf("231w");
    var imageAddress1 = imageAddress.slice(nStart+7, nEnd-1);
    //var n = imageAddress.includes("srcset");
    imageAddress = "<img src='"+imageAddress1+"' />";
   
    var recipeTitle1 = document.getElementsByClassName("entry-title");
    var recipeTitle = recipeTitle1[0].innerHTML;
    var recipe1 = recipeObject.innerHTML;
    nStart = recipe1.indexOf("recipe-card-author");
    
    var recipe = "<div class='recipe-card-along-image'>";
    
    recipe += recipe1.slice(nStart+59);
    printArea.innerHTML = '<div id="closingLogoHolder"><img src="https://mynourishedplate.co.za/wp-content/uploads/2020/05/MyNourishedPlatePrintImageSmaller-1.jpg" /></div><div class="centerPage"><h1 class="entry-title">'+recipeTitle+'</h1></div>'+imageAddress+''+recipe;
    
    function printRecipe()
     {
        window.print();
     }
        
    //printArea.innerHTML += '<img src="'+imageAddress+'" />';
    //printArea.innerHTML += recipe.innerHTML;`

It appears that is breaking the page.

Ben

Oh boy! Blossoms Pin. Have had so many headaches with it.

Is there a way around the clash?

I don’t see it as a “clash”.

that javascript just needs to be fixed.

Ben