Centering Logo, Social Assets, Text in Footer in Debut

Solved
Gratitude11
Tourist
9 0 3

I want to center my logo as well as the social icons and small copywriter text all below the 3 columns. What code do I need to add that?

Additionally, does anyone know how I can link my newsletter sign up to mailchimp- will shopsync take care of that?

Thanks!

Shopify site: rainbow-bridge-store.myshopify.com pw: bronto

0 Likes
LitExtension
Shopify Partner
870 99 158

This is an accepted solution.

Hi @Gratitude11

Please place this code at the end of the ""theme.scss"" file:

.grid--footer-float-right {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.site-footer-item-align-right {

    text-align: center;

}

Screenshot to refer: https://prnt.sc/11d8nne

Hope this helps.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
Gratitude11
Tourist
9 0 3

Oh my goodness thank you so much @LitExtension - last question - do you know how to make sure the footer image does not keep repeating and overlapping, and so it stays dynamic? 

0 Likes
LitExtension
Shopify Partner
870 99 158

Hi @Gratitude11

So can you clarify more about your requirements so I can understand them better and provide you the most suitable solution? 
Hope to hear from you soon.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
Jason111
Tourist
7 0 0

hi @LitExtension  Do you know how to center the newsletter form on the footer in a liquid theme? If its a code, what would the code be and would it be under snippet or sections, etc?

0 Likes
LitExtension
Shopify Partner
870 99 158

Hi @Jason111

Please place this code at the end of the ""theme.scss"" file:

@media only screen and (min-width: 750px) {

    .site-footer__content {

        -webkit-flex-wrap: nowrap;

        -moz-flex-wrap: nowrap;

        -ms-flex-wrap: nowrap;

        flex-wrap: wrap;

    }

    .site-footer__item:first-of-type {

        flex: 1 0 auto;

        padding: 0;

    }

    .site-footer__item-inner--newsletter {

        width: 100%;

        max-width: 500px;

        margin: 0 auto;

    }

}

Hope this helps! 

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
Jason111
Tourist
7 0 0

Thanks for helping! For some reason I can't find that file. 

Under Edit Code, I found theme.liquid and theme.css.liquid. 

I tried adding it to both, one at a time but nothing seems to change.

0 Likes
Jason111
Tourist
7 0 0

@LitExtension I also can't find that specific file you want to add the code too. I found theme.liquid and theme.css.liquid 

0 Likes
LitExtension
Shopify Partner
870 99 158

Hi @Jason111

You can place the snippet on this file: theme.css.liquid

Hope this helps

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
Jason111
Tourist
7 0 0

Thanks @LitExtension Should this code center the "sign up form" with the rest of the footer? Idk why but its not and I'm pasting it at the bottom of that location under all the code. 

Screen Shot 2021-05-13 at 11.05.01 AM.png

0 Likes