My footer has gone weird!?

Site URL: https://chromatical.com.au/strategysauce

No idea what's happened, my footer appears normally on other pages, however on this page it's huge, long, white and stretched out my regular footer navigation. I can't figure out what's happened.

I don't see any code on that page that might have caused it but clearly I've done something #help

This code make your footer change a lot.

You can try the following code to overwrite it

.Footer-inner.clear {
  width: unset !important;
  height: unset !important;
}

Let me know how it works

My testing

2 hours ago, bangank36 said:

This code make your footer change a lot.

You can try the following code to overwrite it

.Footer-inner.clear {
  width: unset !important;
  height: unset !important;
}

Let me know how it works

Hello thank you so much for your fast reply. Do you know where the code is located? I can't find anywhere that it is?

4 hours ago, Trishyeah said:

Hello thank you so much for your fast reply. Do you know where the code is located? I can't find anywhere that it is?

Design > Custom CSS

12 hours ago, tuanphan said:

Design > Custom CSS

I've taken a look and there's no mention of footer or clear in my custom CSS though. I've had a look through there, and the pages header code injection, and the sites code injection too.

I can't find anywhere to change this.

On 8/30/2022 at 5:03 PM, bangank36 said:

My testing

Hello, hoping you can help me find this code. I've looked in CSS, in the page inject code, in the advanced code injection, I can't find it anywhere. What am I looking for and do you know where I could find it? thanks so much

On 9/2/2022 at 7:46 AM, Trishyeah said:

Hello, hoping you can help me find this code. I've looked in CSS, in the page inject code, in the advanced code injection, I can't find it anywhere. What am I looking for and do you know where I could find it? thanks so much

Hi,

It looks fine on above - about page. Can you explain in more clearly?

https://chromatical.com.au/about

your strategy page

@Trishyeah CSS stands for Cascading Style Sheet.  It's the place where you add code to affect a site's appearance, not the way it "runs." It has no header, footer or other sections.  Any component of a site—like the footer—can be "formatted" here: adding code here "overrides" Squarespace's native code.

@bangank36 gave you CSS code to try—entering it into the CSS area of your site (Design>>Custom CSS) may solve your problem by overriding whatever the native Squarespace code is doing.  As CSS affects only "syles" (formatting and appearance, essentially), the code already inherently targets the footer.

@bangank36's code, again:

.Footer-inner.clear {
  width: unset !important;
  height: unset !important;
}

Hope this clarifies.