Solved

footer problem after shopify 2.0 update

davideross
Excursionist
27 0 11

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

 

Accepted Solutions (2)

Ranaay
Tourist
7 2 7

This is an accepted solution.

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

 

View solution in original post

LitCommerce
Astronaut
2860 684 732

This is an accepted solution.

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!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

View solution in original post

Replies 4 (4)

Marty
Shopify Staff (Retired)
512 74 103

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? 

To learn more visit the Shopify Help Center or the Community Blog.

davideross
Excursionist
27 0 11

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..

LitCommerce
Astronaut
2860 684 732

This is an accepted solution.

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!

LitCommerce - The Most Simple & Affordable Multi-channel Selling Tool.
Effortlessly sell on biggest marketplaces like Amazon, Etsy, eBay, Facebook etc with bulk listing tool, real-time sync & smart order management. Use LitCommerce free for 1-year now!

Ranaay
Tourist
7 2 7

This is an accepted solution.

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