Code block content causing blank first summary block slide?

Site URL: https://live-vitae.squarespace.com/about

Hey peeps.

Bit of a strange one...

I'm embedding an interactive map on a clients website using a code block. (I'll link to where we're getting the map code from here: https://www.amcharts.com/visited_countries/#DE,NL,PT,RO,CH,GB,CA,GT,MX,US,BH,ID,SA,AE,AU)

When I put the code in the code block and hit save, it is making the first slide of my summary block blank.

I'll show you what I mean...

I'm using the same summary block on two pages to pull through client testimonials. Exact same settings. On the Work With Me page (https://www.livevitae.com/personalised-nutrition-services )the summary block works great, but on the About Live Vitae page (https://www.livevitae.com/about-live-vitae) there is a blank slide being added to the summary block, so it looks like the content hasn't loaded. When you click the ">" it takes you to the first client testimonial. 🤯

I've double checked and there are no rogue blank client testimonial blog posts floating about... and when I remove the map code block from the section above, the summary block behaves perfectly normal.

Any ideas? 

The Code Block code added a blank link item to Summary.

Try adidng this to Page Header

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  // remove first item in summary about us 
  $(document).ready(function(){$('div#block-yui_3_17_2_1_1619079445519_3109 .summary-item-list>a:first-child').remove();});
</script>

7 hours ago, tuanphan said:

The Code Block code added a blank link item to Summary.

Try adidng this to Page Header

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
  // remove first item in summary about us 
  $(document).ready(function(){$('div#block-yui_3_17_2_1_1619079445519_3109 .summary-item-list>a:first-child').remove();});
</script>

 

Absolute legend @tuanphan - that worked a treat! Thanks!!

On 8/2/2021 at 7:23 AM, tuanphan said:

Do you want to fix these?

(Checked July 31)

Site URL: https://live-vitae.squarespace.com/

1. (Tablet – Homepage) Increase banner text width?

2. (Mobile – Pop up) Image disappear

3. (Mobile/Tablet – Work with me) Background image doesn’t show in full size

https://live-vitae.squarespace.com/personalised-nutrition-services

4. (Mobile – About) The same here

https://live-vitae.squarespace.com/about

If you have the time @tuanphan - absolutely! 

Add to Design > Custom CSS

/* tablet */
@media screen and (max-width:900px) and (min-width:641px) {
/* Home banner text */
div#page-5e2ecc27d32f2352986f90a3 .span-6:first-child {
    width: 75%;
}
/* q3 resize image */
body#collection-5e95ec8588dcae59b595d1b2 .Parallax-item:first-child img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
section#personalised-nutrition-services-banner {
    min-height: unset !important;
    height: 500px;
}
}