Debut Theme Footer

Solved
webethos
Tourist
5 0 4

Hello Shopify Community,

I need to adjust my footer centered, I am attaching a picture for demo purposes. I need to adjust everything centered.

Your help will be appreciatedcentered footer.png.

Regards

Bilal A.

dmwwebartisan
Shopify Partner
6484 1505 1972

@webethos 

Please share your website URL !

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 | Bag is a cart drawer that maximizes your sales. View app →
webethos
Tourist
5 0 4

Hi,

It is https://kingbeardbalm.myshopify.com/ and the password is peushe.

Regards

Bilal A.

0 Likes
dmwwebartisan
Shopify Partner
6484 1505 1972

@webethos 

 Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media only screen and (min-width: 750px){
.site-footer .page-width {max-width: 578px !important;}

.site-footer__content {
    -webkit-flex-wrap: wrap-reverse !important;
    -moz-flex-wrap: wrap-reverse !important ;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
}

.site-footer h4, .site-footer .h4 {text-align: center;}

}

Hope this works.

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 | Bag is a cart drawer that maximizes your sales. View app →
webethos
Tourist
5 0 4

@dmwwebartisan 

I've got these results.

webethos_0-1620472189989.png

 

dmwwebartisan
Shopify Partner
6484 1505 1972

ok I will check again and send the solution here.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
webethos
Tourist
5 0 4

 No problem.

Thanks for your help.

Regards

 

dmwwebartisan
Shopify Partner
6484 1505 1972

This is an accepted solution.

@webethos 

Please remove previous CSS code and Add new code 

 

@media only screen and (min-width: 750px){
.site-footer__content {
    -webkit-flex-wrap: wrap-reverse !important;
    -moz-flex-wrap: wrap-reverse !important ;
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important;
   max-width: 500px;
    margin: 0px auto;
}

.site-footer h4, .site-footer .h4 {text-align: center;}

.site-footer__item--one-half {
    -webkit-flex: 1 1 100% !important;
    -moz-flex: 1 1 100% !important;
    -ms-flex: 1 1 100% !important;
    flex: 1 1 100% !important;
}

}

 

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
webethos
Tourist
5 0 4

That worked !! 

Thank you so much.