Jump to content

Site footer has suddenly gone weird on me...

Go to solution Solved by melody495,

Recommended Posts

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..
image.thumb.png.3af88a10382a8e68b617dc9c90315ccf.png

 

And in editing mode...
image.thumb.png.ee11efb246ed07b1f553bb87da413cdb.png

Link to comment

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

If an answer I provide helps you, please mark it as the answer so others can easily access it as well.

I'm a Squarespace Authorized TrainerSquarespace Expert, and Circle Member and I've been helping my clients as well as those here in the forum and in various Squarespace groups with custom coding and support for Squarespace websites. I would love to help you in any way I can.

Squarespace PluginsBook Live Help | Squarespace Video Tutorials | Buy Me a Coffee

Link to comment
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.

If an answer I provide helps you, please mark it as the answer so others can easily access it as well.

I'm a Squarespace Authorized TrainerSquarespace Expert, and Circle Member and I've been helping my clients as well as those here in the forum and in various Squarespace groups with custom coding and support for Squarespace websites. I would love to help you in any way I can.

Squarespace PluginsBook Live Help | Squarespace Video Tutorials | Buy Me a Coffee

Link to comment

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

Link to comment
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.

If an answer I provide helps you, please mark it as the answer so others can easily access it as well.

I'm a Squarespace Authorized TrainerSquarespace Expert, and Circle Member and I've been helping my clients as well as those here in the forum and in various Squarespace groups with custom coding and support for Squarespace websites. I would love to help you in any way I can.

Squarespace PluginsBook Live Help | Squarespace Video Tutorials | Buy Me a Coffee

Link to comment
  • 4 weeks later...

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?

Link to comment
  • Solution
6 minutes ago, Adam9 said:

Is there anything in that code that looks incorrect?

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

</img>
</a>

 

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 Can't figure something out and want to learn? 💁‍♀️ 1-2-1 Squarespace session 
👩‍💻 Need some customisation for a design? 💁‍♀️ Custom Code help
 Did I help? 💁‍♀️ I like coffee (Thank you)

Link to comment
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. 

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 Can't figure something out and want to learn? 💁‍♀️ 1-2-1 Squarespace session 
👩‍💻 Need some customisation for a design? 💁‍♀️ Custom Code help
 Did I help? 💁‍♀️ I like coffee (Thank you)

Link to comment
Quote

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

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

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

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.