Solved

Footer problem -> spacing

carlajickie
Excursionist
52 0 8

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

 

Screenshot 2024-05-27 at 15.30.23.png

 

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

 

Thanks for helping !!!

Accepted Solutions (2)

ZestardTech
Shopify Expert
5618 1022 1348

This is an 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_0-1716817402573.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

PageFly-Theodor
Shopify Partner
671 83 97

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 4 (4)

ZestardTech
Shopify Expert
5618 1022 1348

This is an 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_0-1716817402573.png

 

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

PageFly-Theodor
Shopify Partner
671 83 97

This is an 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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

carlajickie
Excursionist
52 0 8

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
Shopify Partner
2 0 0

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