How do I center the footer contents in Shopify Dawn?

Store Design
, , ,
1

FinlayMg_0-1673303157144.png

Is there a code I can use to Centre all the footer contents, I cant find anything, any help would be massively appreciated!

2

Hi @FinlayMg

You can try adding below code:

  1. Go to Online Store → Theme → Edit code. https://prnt.sc/elKuwYWlBrEo

  2. Open your base.css in the Assets folder.

  3. Paste the below code at the end of the file. https://prnt.sc/8iQ1_aIPNBBP

footer.footer * {
    text-align: center;
    justify-content: center;
}

footer.footer form{
    margin-left: auto !important;
    margin-right: auto !important;
}
  1. Save the file and double-check.

Best regards,
GemPages Support Team

3

Hi @FinlayMg ,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

@media screen and (min-width: 750px){
  .footer__content-top .grid {
    justify-content: center !important;
    text-align: center !important;
  }
}

Hope it helps!