How can I fix incorrect footer formatting for my website?

[GridBrandon]

Hi there,

Somehow my footer is not formatted correctly for spacing and positioning and such - example: newsletter block.

Can anyone assist?

Thanks

https://grid-engineering.com/

[BSS-Commerce]

Hi @GridBrandon

Can you kindly provide us with detailed information about what you want to edit (screenshot)? Then, we will check it and suggest you a solution if possible.

[GridBrandon]

[GridBrandon]

@BSS-Commerce image attached, thank you

[BSS-Commerce]

Hi @GridBrandon

Please follow these steps:

• Open Theme => Edit code:

• Find the theme.css file and add the following code at the end of the file:

@media screen and (min-width: 1000px) {
  #footer-newsletter {
    max-width: none;
  }
  .footer .footer__wrapper {
    gap: 0;
  }
  .footer__wrapper .footer__block-list:has(.footer__block--newsletter) {
    justify-content: space-between;
  }
  .footer__wrapper .footer__aside {
    gap: 0;
    align-items: flex-start;
  }
  .footer__wrapper .footer__aside .footer__aside-top .h-stack .relative {
    margin: 32px 12px 0px 0px;
  }
}

• Here is the result:

I hope that this can help you solve the issue.

[GridBrandon]

Thank you!!! Can I possibly get one more edit and just get the 2 bottom lines to match heights?

Image attached. Will be in contact about other adjustments possibly

[BSS-Commerce]

Hi @GridBrandon

We checked and saw that the country selection and the social media section are in the same row. So if you want to edit it, you need to edit the code in the footer.liquid file. If possible, please share your store access and then, we can edit it for you.