Buy me a coffee

Overlap Logo between Footer – Page Content

You can use this code to Custom CSS box. Replace Pixabay with your logo image URL.

footer.sections:before {
    content: "";
    background-image: url(https://images.squarespace-cdn.com/content/v1/644f2654b9c076768430cf4b/2c193ec8-9ecc-446a-ad0a-b50aa57d8a51/Rectangle%2B27.jpg?format=1500w);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100px;
    height: 100px;
    top: -50px;
    position: absolute;
    z-index: 99999999;
    left: 50%;
    transform: translateX(-50%);
}
footer.sections {
    position: relative;
    z-index: 99999999999 !important;
}

overlap-logo-between-footer-page-content-01-min

Note:

Top = ½ Height

Result:

overlap-logo-between-footer-page-content-02-min

Ask me a question, free

If your site is private or in trial, just setup password and share url. See how to: https://beaverhero.com/squarespace-how-to/
Please check your email carefully. Recently I got a lot of questions with wrong emails.

If you haven't heard from me within 24 hours please check your junk/spam folder