Code briefly showing before page loads

Hi.

On my client's website on the WORK page there is a line of code that appears for a second before the page loads (also happens on mobile). Weirdly the code that flashes up is actually being used to target the SERVICES page to keep the depth of the cards consistent and it's working fine.  I just don't know a) why it's showing at all   and b) why it would show on the WORK page and not the page that it's relevant to.   The code is in the Custom CSS along with all my other code that is working fine and not showing on any of the pages before loading. 

I've attached a screengrab of the line of code that appears briefly.  (you'll have to expand it to be able to read)

You should be able to see it if you load https://www.coco-comms.me/work

Thanks in advance for any tips to get rid of it!

You have style code injected into the header but without any style (or other tags) around it, so it gets loaded as text. You'll want to locate and remove it (it's currently not doing anything) or place it within style tags if you do need it.

Let me know if that works, and give me a thumbs up here if you can, thanks!

Hi Ziggy, sorry for late response!  

Thanks very much for your suggestion, but I don't have any code injected into the header (in the Advanced > Code Injection section of Squarespace it is completely empty).  This is what is so strange.  I have several bits of CSS code in the Design> Custom CSS box but it's specifically only this line that is appearing when the WORK page loads.  It's doing the job of keeping the boxes on the Services page a consistent size, but even if I delete this line of code from Custom CSS it still shows up when loading the WORK page.  I just can't work it out -  it's almost like it's being pulled from somewhere else.  

Scratching my head...

4 minutes ago, Pinkers said:

Hi Ziggy, sorry for late response!  

Thanks very much for your suggestion, but I don't have any code injected into the header (in the Advanced > Code Injection section of Squarespace it is completely empty).  This is what is so strange.  I have several bits of CSS code in the Design> Custom CSS box but it's specifically only this line that is appearing when the WORK page loads.  It's doing the job of keeping the boxes on the Services page a consistent size, but even if I delete this line of code from Custom CSS it still shows up when loading the WORK page.  I just can't work it out -  it's almost like it's being pulled from somewhere else.  

Scratching my head...

Do you have code injection for that specific page?

The code that is showing is for the SERVICES page:

/* equal height of list cards SERVICES */
@media screen and (min-width:600px) {
.user-items-list-item-container[data-section-id="61df0ea5974d4f33fe32e432"] .list-item-content__description {
    min-height: 500px;
}
}

But weirdly that code loads when you go to the WORK page... https://www.coco-comms.me/work

You'll see it flash up before the page loads.

Just to clarify, all the code that I've put into Custom CSS is doing it's job - it's all working properly.   It's just that the code that is targeting the Services page is flashing up on the Work page before it loads.  

@Pinkers There is a header code injection for each page, found in the Page Settings -> Advanced, have you looked in there?