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

Solved

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

PerthVapeJuice
Tourist
5 0 3

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 codingsite.png

 

Accepted Solutions (2)

dmwwebartisan
Shopify Partner
12321 2552 3729

This is an accepted solution.

@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!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

ZestardTech
Shopify Partner
5833 1058 1396

This is an accepted solution.

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;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 9 (9)

ZestardTech
Shopify Partner
5833 1058 1396

Hello There,

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

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
PerthVapeJuice
Tourist
5 0 3

Hi,

 

The preview link is

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

 

Thankyou so very much for your help!

 

dmwwebartisan
Shopify Partner
12321 2552 3729

This is an accepted solution.

@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!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
ZestardTech
Shopify Partner
5833 1058 1396

This is an accepted solution.

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;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
PerthVapeJuice
Tourist
5 0 3

You are incredible! Thankyou so so much

 

dmwwebartisan
Shopify Partner
12321 2552 3729

@PerthVapeJuice 

If helpful then please Like Solution.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
ZestardTech
Shopify Partner
5833 1058 1396

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.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
PerthVapeJuice
Tourist
5 0 3

You are incredible! Thankyou so much!

 

PerthVapeJuice
Tourist
5 0 3

You are both incredible! Thankyou so much!