Access a community of over 900,000 Shopify Merchants and Partners and engage in meaningful conversations with your peers.
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!
Solved! Go to the solution
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; }
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!
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
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..
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; }
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!
User | RANK |
---|---|
43 | |
42 | |
31 | |
9 | |
9 |