How can I fix footer compression after a 2.0 update?

Technical Q&A
1

Hy all, i have a small issue to fix in my footer.. like you can see here www.puntohotel.it footer appears like compressed, it doen’s occupy the whole space of the page.. can someone help me with this? maybe i need to add a custom code?

Thanks all!

davideross_0-1637777476185.png
davideross_0-1637777476185.png1920×1080 244 KB

2

Hi, @davideross .

Thanks for your message, I would be happy to take a closer look into this with you. Just for some further context, what Theme are you using and have you done any custom coding to it?

3

oh sorry i didn’t specify.. i am using flex theme and i didn’t take customizations.. i did some changes after the update but just some paddings and background colours..

4

Compared to the original theme, it looks like the margin is no longer showing in the container.

If you can add this to your style css then the columns should sit evenly.

.container { margin:0 auto; }
5

Hi @davideross ,

Please follow these steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > styles.css and paste this at the bottom of the file:
.footer__extra-content .container {
    max-width: 1200px;
    width: 95%
}
.container{
	margin: 0 auto;
}
@media only screen and (max-width:480px) {
    .footer__extra-content .container {
        width: 100%
    }
}

Hope it helps!