Reorganising Footer

[golazocases]

Hi, I would like some adjustments to be made to the footer on both mobile and desktop view.

1. Place social icon(s) at the top of the footer

2. Then have footer menu and menu links below this

3. Then have the email sign up at the bottom of the footer

Please ensure the padding in between and either side of it all is even. Please also ensure everything is centralised.

Thanks!

URL: golazocasesuk.myshopify.com

Theme: Trade

[Sweans]

Hi @golazocases ,

To make the above changes, you should edit the footer.liquid. Could you please share the footer.liquid code with us.

Please add the below css in the theme.css file.

.footer-block--newsletter.scroll-trigger.animate--slide-in {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
}
.footer-block__newsletter {
  text-align: center !important;
  justify-content: center;
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  order: 2;
}
.list-social {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  order: 1;
  width: 100%;
  margin-top: 30px !important;
}

Result:-

I hope this helps! If it does, please like it and mark it as a solution!

If you need further assistance, feel free to reach out!

Regards,

Sweans