How can I redesign my footer to reduce empty space?

Store Design
1

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!

2

Hello There,
Please share your store URL and screenshot.
So that I will check and let you know the exact solution here.

3

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;
}
}