Changing footer layout Taste theme

Store Design
, , ,
1

Hi,

Can someone please help me modify my footer layout? https://handshere.net

This is my current footer

Current Footer
Current Footer1317×327 15.1 KB

Id like it to look like this please

Dream footer
Dream footer631×155 12.7 KB

Thank you!

2

Hello,

Go to Online Store → Themes → Edit Code and search for file section-footer.css.

Once there search for the following code:
.footer__content-bottom-wrapper{
And then add
justify-content: center inside the braces.

Hope this helps. If it worked, please give a like.

1 Like
3

Hi @HH_2023

To be closer to the above example, you can adjust the footer by navigating to Online Store > Themes > Edit Code. Then update the footer.liquid file. Use Flexbox or CSS Grid for section like email signup, menu links, icons alignment. You may also include the block for email form, and social links through Customize Theme > Footer section if your theme supports it.

4

Please add this code to Custom CSS in Sales channels > Online Store > Themes > Customize > Theme settings.

.footer__content-bottom-wrapper {
    justify-content: center !important;
}
1 Like
5

Hi there, I don’t know or have any experience with CSS Grid to move the layout of the email sign up and menu items. Do you have any extra info at all?

6

Hi Atlas,

Thanks for your help, I have been able to center the policies.

I wasn’t sure which part of the footer your code would affect? I’m using TASTE theme and would appreciate any help with changing the layout of the menu items to be below the subscription box and aligned on the left.