Center Everything In Footer For Impact Theme

mitzkovi1
Tourist
4 0 2

Hello,

I would like to center everything in the footer for the Impact theme including adding a LOGO instead of just having the "newsletter" logo. 

I have added a screenshot of another website with a footer which I like. 

 

1. I would like the Payment Icons on a seperate line above the "2024 Aqua Stop." 

2. Drop the Language selector to the bottom 

 

https://aquastop.hr/ (Live) 

Screenshot 2024-01-11 at 6.31.26 pm.png

Reply 1 (1)

Wholesalehelper
Explorer
42 11 12

Hi, @mitzkovi1 

Greetings from the Wholesale Helper Support Team! Happy to help you today.

 

1. Go to online store > theme > Edit code > Layout > theme.liquid (file) and Paste the below code at the end of the file, just before the closing " </body>" tag -> Save

 

 

 

<style>
.footer__wrapper .footer__block-list {
    justify-content: center;
}
.footer__wrapper .footer__block {
    width: 33%;
}
#shopify-section-sections--20703787975003__footer .footer__wrapper .footer__aside {
    display: inline-grid;
}
@media screen and (min-width: 700px)
.footer__aside-top, .footer__aside-bottom {
    flex-direction: column;
}
</style>

 

Copy

 

 

2.  After adding the above CSS, it looks like this-

Wholesalehelper_1-1705068873904.png

 

Let me know If need further assistance

 

Regards,

Wholesale Helper Support Team

Wholesale helper- Supercharge your Wholesale and B2B business


If you find my reply helpful, please hit Like and Mark as Solution
Connect with us: App Store | Blog | Join our Community | Help Center