Jump to content

Hide a single block from the footer on a certain page

Go to solution Solved by christyprice,

Recommended Posts

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

 

Link to comment
  • 1 month later...

@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;
	}

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.