Change footer to horizontal

[HassanMakke]

I am using debutify theme and I want to change my footer to horizontal view. I currently have two columns, one which includes email and phone number and the second column includes the quick links. 

I want the email and phone number to be at the very bottom next to the Copyright © 2021 

And the quick links to be all on the same line after one another.

Current view: 

mail@domain.com                      Quick links                                

+123 4567891011                         Contact us

                                                       Shipping

                                                       Privacy Policy 

                                                       Refund Policy 

                                                       Terms of service

@KetanKumar 

[Victor]

Hi @HassanMakke,

Debutify is a third-party theme that is not built by either Shopify's own themes team or by one of our approved third-party developers, so you would need to direct your question to the developers of the theme in order to receive support. I see that a phone number is listed on the Debutify website so it might be worth reaching out to the makers of the theme directly to see if they can assist with changing the orientation and view of the theme's footer. If they cannot assist, you would need to hire a Shopify Expert to help make the changes for you.

Please note that as Debutify is not built by one of our approved theme developers, the theme is not subject to the same quality standards issued for all themes that are made available via the Shopify theme store, and as such you may experience quality or compatibility issues in the long term when using a theme such as this. You may wish to consider some of the other themes, free or paid, available on Shopify's official theme store.

[KetanKumar]

@HassanMakke 

sorry for that issue can you please share store URL.

[HassanMakke]

https://loteur.myshopify.com/

[KetanKumar · Accepted solution]

@HassanMakke 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.site-footer .main-footer {
    justify-content: center;
}

.site-footer .main-footer .grid__item {
    width: 100%;
    flex: 0 0 100%;
    text-align: center;
}

.site-footer .main-footer .grid__item ul {
    display: flex;
    justify-content: center;
}

.site-footer .main-footer .grid__item ul li {
    margin: 0px 5px;
}

[HassanMakke]

Thank you so much!

[KetanKumar]

@HassanMakke 

its my pleasure to help us