Image overlapping from footer now broken.

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

Something broke on my site with the recent Squarespace update. I had an image that overlapped from the footer to the section above. Now it's not working.

The orange brushstroke is supposed to overlap but it's hidden under the section above. 

No idea what I'm doing wrong.

#block-yui_3_17_2_1_1662382234404_188561

{

  margin-top: -200%;

}

It seems fine

Have you figured it out?

I deleted the orange brush stroke for the time being until I figure out how to make it appear over both sections.  Any ideas?

On 9/5/2022 at 11:32 PM, paulhorn said:

I deleted the orange brush stroke for the time being until I figure out how to make it appear over both sections.  Any ideas?

Can you add it again? We can check problem easier

@tuanphansame has happened on my site too — just the footer element. I've tried varying code edits but the new FE refs are not something I'm up to speed with yet.

Site — sarahcreat.es.

On 9/22/2022 at 10:29 PM, sarahcreates said:

@tuanphansame has happened on my site too — just the footer element. I've tried varying code edits but the new FE refs are not something I'm up to speed with yet.

 

Site — sarahcreat.es.

Add this to Design > Custom CSS

footer.sections {
    z-index: 9999999 !important;
}

On 9/24/2022 at 9:09 AM, tuanphan said:

Add this to Design > Custom CSS

footer.sections {
    z-index: 9999999 !important;
}

 

Thanks @tuanphan I hope that helps some others too!