How can I perfectly center footer menus headers and text in Dawn 2.5 theme?

Store Design
1

Having some trouble centering the footer menus headers and text on the dawn 2.5 theme. everything i have tried doesn’t get an exact center. Please help me get the right base.css coding

site.png
site.png2410×673 14 KB

2 Likes
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

1 Like
3

Hi,

The preview link is

https://p7xufxg09mzazw4v-62830706902.shopifypreview.com/

Thankyou so very much for your help!

4

@PerthVapeJuice

Please add the following CSS code to your assets/section-footer.css bottom of the file.

@media screen and (min-width: 750px){
.footer__content-top .grid__item {
    padding-left: 15rem !important;
}
.footer__content-top .grid {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
}
}

Thanks!

5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >base.css and paste this at the bottom of the file:
@media screen and (min-width: 750px){
.footer__content-top .grid__item {
padding-left: 15rem !important;
}
.footer__content-top .grid {
margin-left: 10rem !important;
margin-right: 10rem !important;
}
}
6

You are both incredible! Thankyou so much!

7

You are incredible! Thankyou so much!

8

You are incredible! Thankyou so so much

1 Like
9

@PerthVapeJuice

If helpful then please Like Solution.

10

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.