Footer problem -> spacing

[carlajickie]

Hi, i'm on Prestige theme and I'd like to be able to have a balanced footer with newsletter and then 4 columns like so with exact same spacing on the left, right and in between columns (website is www.rouje.com).

But right now we can't have newsletter + 4 columns. Our page is: www.jickie.co

Thanks for helping !!!

[ZestardTech · Accepted solution]

Hi @carlajickie 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.min.css and paste this at the bottom of the file:

.footer__main {
max-width: 100%;
}

[ZestardTech · Accepted solution]

Hi @carlajickie 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme.min.css and paste this at the bottom of the file:

.footer__main {
max-width: 100%;
}

[PageFly-Theodor · Accepted solution]

Hi @carlajickie 

This is Theodore from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.footer__main {
max-width: 100%;
}
</style>

Hope this can help you solve the issue

Best regards,

Theodore | PageFly

[carlajickie]

Thanks, it works but i'd like to still have a left and right margin like on the picture (website is rouje.com if you need), is it possible ?

[SK_Shohan]

Hi,
Go to your Online store > themes> "your theme in which you want to work"> edit code > assets > theme.css 
Now find code:
@media screen and (min-width: 1150px) {
  .footer__block-list {
     justify-content: var(--footer-content-justify-items);
     column-gap: 3.75rem;
  }
}
and replace it with:

@media screen and (min-width: 1150px) {
.footer__block-list {
     justify-content: center;  /* old code was: var(--footer-content-justify-items); */ 
     column-gap: 3.75rem;
   }
}

Hopefully it will solve your problem.

Thank you
SK