How to move the bottom part of the footer up.

[CreatorTim]

Hey guys, I need to move the bottom part of my footer up, how can I do that?

Here’s my store URL: https://1049xn-ya.myshopify.com/

Thanks,
Tim

[Made4uo-Ribe]

Hi @CreatorTim

I already did check your other post.

https://community.shopify.com/c/shopify-design/footer-adjustments/td-p/2887913

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!

[DaisyVo]

HI @CreatorTim

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

.footer__content-bottom > div:nth-child(1) > .footer__column.footer__column--info {
    align-items: start !important;
}

Here is the result: https://prnt.sc/nBl3pSK7HttI

I hope this helps

Best,

Daisy

[CreatorTim]

Hey, yeah, I’ve seen it, but it doesn’t work.

[CreatorTim]

Hey, it doesn’t work, the code just moved the payment icons to the left, but I want to keep them on the right and I just want to move the bottom section (the store name and the payment icons) up.

I want it like this:

And your code did this:

Thank you,

Tim

[DaisyVo]

@CreatorTim

Please try this code

.footer__content-bottom > div:nth-child(1) > .footer__column.footer__column--info {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 55%;
}
.footer__content-bottom > div:nth-child(1) {
    position: relative !important;
}
.footer__content-bottom > div:nth-child(1) > .footer__column.footer__column--info .footer__payment {
    width: 100%;
}
.footer__content-bottom > div:nth-child(1) > .footer__column.footer__column--info .footer__payment ul.list.list-payment {justify-content: space-between !important;}

Here is the result:

Best,

Daisy