Help! Sliding banner issues!!

Can anyone help me?!  I created a site a few years ago and copied some code to create a sliding banner for my main home page at the top, it worked brilliantly.  I have duplicated the site and changed it around a bit but the banner isn't working the same.  I have taken all the coding out yet the banner is still working (?!) but now it is including ALL the sections on my home page which isn't what I want, I only want the top 3 sections to slide!!

I have tried the new auto banner within squarespace itself but I can't add extra images in and the ones I created adding the extra images in as a background are too blurry!!

I tried to add the code back in and it does state to only start with slide 1 and end with slide 3 but it is still including all the slides!!

I am NOT an expert with code I just googled codes to add in to the site as I went...

Any help very much appreciated thanks!!!

Hi

Can you share link to homepage? We can check easier

https://bulldog-tortoise-mjc5.squarespace.com

Is this what you mean??

On 4/15/2024 at 7:17 PM, Tinxy7 said:

https://bulldog-tortoise-mjc5.squarespace.com

Is this what you mean??

Edit Homepage > Edit Top Section > I think you will see a Code Block > Edit it > Paste code here, we can check easier.

But I guess in the Code Block you will see a number 5 (if you see this, change it to 3 and check again)

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script>
  let wmSlider = [{
    staticFirst: false,
    startingSection: 1,
    endingSection: 3,
    sliderTime: 6,
    autoSliderOn: true,
    playPause: true,
    sliderDots: true
  }];
</script>
<script src="https://assets.codepen.io/3198845/WMSlider6520v2-7.js"></script>
<link href="https://assets.codepen.io/3198845/WMSlider6520v2-2.css" rel="stylesheet">

This is what is in the 'header' section??

On 4/21/2024 at 10:22 PM, Tinxy7 said:

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script>
  let wmSlider = [{
    staticFirst: false,
    startingSection: 1,
    endingSection: 3,
    sliderTime: 6,
    autoSliderOn: true,
    playPause: true,
    sliderDots: true
  }];
</script>
<script src="https://assets.codepen.io/3198845/WMSlider6520v2-7.js"></script>
<link href="https://assets.codepen.io/3198845/WMSlider6520v2-2.css" rel="stylesheet">

 

This is what is in the 'header' section??

No. I meant you edit Homepage (access your edit mode > click Homepage > You will see an Edit button, click it to edit Homepage) > Edit First Section > You will see a Code Block

Send all code in Code Block, we can check easier