Hide a single block from the footer on a certain page

Site URL: https://www.pollardstreetprocessing.com/

Site pass: ._ufVWnJzxeqghto_Q!n8H7_

Hello,

I'm trying to hide the grey box that contains am image and the text 'take me home' on my footer, but only on the hompage. It makes no sense to say take me home when youre already on the home page.

I am trying to hide the section with the following code:

/* Hide this on Mobile */
@media screen and (max-width:767px) {
    [data-section-id="61a11c6f01d66c32ef8d9591"] {
        display: none;
    }
}
/* Hide this on Tablet - Desktop */
@media screen and (min-width:768px) {
    [data-section-id="61a11c6f01d66c32ef8d9591"] {
        display: none;
    }
}

But the section remains. 

Can anyone help? I'd be very appreciative.
Thanks in advanced, Jack

@christyprice

Thats perfect, thanks so much!

I have a similar problem - I'd like to hide footer links but not the social links via header injection. I'd be greatful for any help!

https://learn.sydecar.io/

Hi @aaronsydecar are you looking to hide the footer links on a particular page? If so, which one so we can pull the correct id?

30 minutes ago, christyprice said:

Hi @aaronsydecar are you looking to hide the footer links on a particular page? If so, which one so we can pull the correct id?

https://learn.sydecar.io/sydecar-spvs

Thanks!

@aaronsydecar try this in Custom CSS

#collection-6310f82ba0d2e723b38d4f03 #block-yui_3_17_2_1_1662059294363_46103, #collection-6310f82ba0d2e723b38d4f03 #block-yui_3_17_2_1_1662059294363_49618
	{
		display: none;
	}

@christyprice

Is the "collection" the page ID? 

@aaronsydecar yes - I use the first plugin linked here to find it: https://christyprice.com/blog/chrome-extensions-squarespace-designers

@christypriceTHANK YOU! You've been an immense help!