footer problem after shopify 2.0 update

Solved
davideross
Excursionist
20 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)

Accepted Solutions
Ranaay
Tourist
7 2 3

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
Trailblazer
291 72 73

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
444 67 87

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? 

Marty | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog

davideross
Excursionist
20 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..

Ranaay
Tourist
7 2 3

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
Trailblazer
291 72 73

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