Site footer has suddenly gone weird on me...

Hi there, the footer on my site has suddenly started displaying its content all on one side. 

It looks fine when in editing mode, but as soon as I enter it shoots to the side and I'm unsure how to fix. 

Has anyone seen this before, and know how to resolve?

Thanks in advance..

And in editing mode...

It's hard to tell without seeing the website, it looks like you might have some code that's messing things up.

Thanks @Vigasan, here's the site: https://www.socialseason.net/

2 hours ago, Adam9 said:

Thanks @Vigasan, here's the site: https://www.socialseason.net/

 

Hey Adam, are you currently using any code at all in terms of CUSTOM CSS or CODE INJECTION? If so, could you try commenting all the code out and see if that resolves if? If it does then we can go through the code and see which part is causing the issue.

Please see the following.

Let us know how it goes.

Thanks Vigasan. I do use code blocks throughout the site, but nothing that should affect the footer I don't think. Plus it had only started happening recently, and I haven't added any code for about a year.  Re: CSS, I only have this:

 

/* HIDE VIDEO ON DESKTOP AND MOBILE */
@media screen and ( max-width : 767px ) {

  [data-section-id="61d5dbdf5bd8f328394d335e"] {
  
    display : none;

    }

  }

@media screen and ( min-width : 768px ) {

  [data-section-id="61d8299cf4ec2f2d863a15df"] {
  
    display : none;}
}

2 hours ago, Adam9 said:

Thanks Vigasan. I do use code blocks throughout the site, but nothing that should affect the footer I don't think. Plus it had only started happening recently, and I haven't added any code for about a year.  Re: CSS, I only have this:

 

/* HIDE VIDEO ON DESKTOP AND MOBILE */
@media screen and ( max-width : 767px ) {

  [data-section-id="61d5dbdf5bd8f328394d335e"] {
  
    display : none;

    }

  }

@media screen and ( min-width : 768px ) {

  [data-section-id="61d8299cf4ec2f2d863a15df"] {
  
    display : none;}
}

Like @creedon mentioned above, check your site in safe mode. If it's still happening, then we know it's something on the Squarespace end. If it's fixed, you most likely have an unclosed curly brace somewhere that's messing things up.

Hi @Vigasan

It seems that it must be a code box issue as everything is fine in safe mode. The code i'm using is:

<a href="https://www.socialseason.net/solo-acts">
<img src="https://static1.squarespace.com/static/5ff5e41a2e5d733729a695b8/t/60b67be84befde1ce9730ba4/1622572009541/COMMUNITY+HOVER.jpeg" 
onmouseover="this.src='https://static1.squarespace.com/static/5ff5e41a2e5d733729a695b8/t/6009b3125d3e732c068ae487/1611248408694/COMMUNITY.jpg'" 
onmouseout="this.src='https://static1.squarespace.com/static/5ff5e41a2e5d733729a695b8/t/60b67be84befde1ce9730ba4/1622572009541/COMMUNITY+HOVER.jpeg'">

And that's what skews the footer (plus any text boxes in the same section) to the side. 

Is there anything in that code that looks incorrect?

1 hour ago, melody495 said:

You are missing the closing a and img tag, add this at the end of your code

</img>
</a>

 

So simple, yet has caused me so much grief!! Thanks very much 🙏

2 minutes ago, Adam9 said:

So simple, yet has caused me so much grief!! Thanks very much 🙏

Awesome, glad it's working for you 🙂 please give me solution a thumbs up and mark as solution to help others. 

Quote

So simple, yet has caused me so much grief!!

HTML missing closing tags will often cause all kinds of crazy rendering issues.