Help me move the email subscription to the footer!

[SamSukhoonNordl]

 As title says, I can't move the email sub section to the footer.

Please help me!

[Made4uo-Ribe · Accepted solution]

Thanks, do you mean like this right? 

if it is check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

@media only screen and (min-width: 749px){
.footer__content-top.page-width {
    display: flex;
    justify-content: space-between;
}
.footer__blocks-wrapper.grid {
    flex-grow: 3;
}
.footer-block--newsletter {
    margin-top: 0px;
    align-items: flex-start;
}
}

• And Save. 

[Made4uo-Ribe]

Hi @SamSukhoonNordl 

Can you add the newsletter first? Thanks!

[SamSukhoonNordl]

I added it! 🙂 

[Made4uo-Ribe · Accepted solution]

Thanks, do you mean like this right? 

if it is check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

@media only screen and (min-width: 749px){
.footer__content-top.page-width {
    display: flex;
    justify-content: space-between;
}
.footer__blocks-wrapper.grid {
    flex-grow: 3;
}
.footer-block--newsletter {
    margin-top: 0px;
    align-items: flex-start;
}
}

• And Save. 

[SamSukhoonNordl]

Yeah! But I want it more alligned with the other blocks so that it looks good. Thank you!

[Made4uo-Ribe]

i add some code please, check it again. thanks!

[SamSukhoonNordl]

Thanks 🙂 I tried now but the email thingys position is way off! 😞

[Made4uo-Ribe · Accepted solution]

Please, replace it again.

@media only screen and (min-width: 749px){
.footer__content-top.page-width {
    display: flex;
    justify-content: space-between;
}
.footer__blocks-wrapper.grid {
    flex-grow: 3;
}
.footer-block--newsletter {
    margin-top: 7px !important;
    align-items: flex-start !important;
}
}

I add some margin same on the links. 

Thanks!

[SamSukhoonNordl]

I have tried playing around with it but can't seem to solve it.