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
641 66 119

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
641 66 119

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
6 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
641 66 119

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
6 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
6 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
641 66 119

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!
0 Likes