How can I redesign my footer to reduce empty space?

SmokeontheWater
Tourist
11 0 4

Hi Community,

We are having the problem, we can't remove the empty space in our footer.

I looked up a few explanations in the community here but they don't seem to match the code since the update.

Is there a way to reduce everything into a single line, showing the copy wright on the left, back to top in the middle and social media Icons on the right?

The domain is:

Sowsmoke.ca

 

password:

shawzu

 

I already posted this once but not with enough explanation.

Thank you already for any help!

Replies 2 (2)

ZestardTech
Shopify Expert
5395 971 1293

Hello There,
Please share your store URL and screenshot.
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

Kinjaldavra
Shopify Partner
2302 570 1423

hello @SmokeontheWater 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

@media screen and (min-width: 729px){
.page-footer .container{
        position: relative;
}
.page-footer .container .back-to-top-row.align-centre{ 
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50% , -50%);
}
.page-footer .back-to-top-row {
    margin: 0px;
}
.page-footer .social-links  .social-links__list{
        text-align: center;
}
}