How do I center footer links in the Dawn theme?

The Links in my Footer default to being left-justified:

How do I center them to appear like this?

1 Like

@sabtsmith

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

Thank you!

It’s www.shopsathera.com. Password: cahwon

Hi @sabtsmith ,

It is actually because of the size of the grid-item. You use the code below to get the desired outcome.

  1. Go to Admin > Online store > Themes > Actions > Edit code
  2. Open the base.css file under the Asset folder
  3. Add the code below.
@media only screen and (min-width: 750px) {
.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet {
    justify-content: space-around;
}

.footer-block.grid__item.footer-block--menu {
    max-width: max-content;
}
}
1 Like

I’m Richard Nguyen - CRO Expert at PageFly- Free Landing Page Builder.

Hi Sabtsmith about the problem of changing the footer text position in the DAWN theme you can follow my steps to do it

Step 1: go to “Edit code” to fix it

Step 2: search for “section-footer.css”

above is an example of my page and i tested yours you can go to the editor code as per my instructions and find these 2 classes(image below) and use “padding-left: 100px” ; or any number of px as you see fit

.footer__content-top.grid {

padding-left: 100px;

}

.footer-block–newsletter {

padding-left: 100px;

}

I hope the above guide can help you to solve that problem, In case you need anything else, don’t hesitate to let us know. Have a nice day .

Best regards,

Richard | PageFly

1 Like