Change footer to horizontal

Solved
HassanMakke
Tourist
13 1 7

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

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24923 2498 9039

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 6 (6)
Victor
Shopify Staff
1160 104 261

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.

Victor | Social Care @ Shopify 
 - Was my reply helpful? Click Like to let me know! 
 - Was your question answered? Mark it as an Accepted Solution
 - To learn more visit the Shopify Help Center or the Shopify Blog

KetanKumar
Shopify Partner
24923 2498 9039

@HassanMakke 

sorry for that issue can you please share store URL.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KetanKumar
Shopify Partner
24923 2498 9039

This is an 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;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

HassanMakke
Tourist
13 1 7

Thank you so much!

KetanKumar
Shopify Partner
24923 2498 9039

@HassanMakke 

its my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing