How can I relocate my email signup in the Dawn footer?

[firststop]

Hi! 

I'm using shopify dawn, and i'm looking to move my email signup/newsletter to one side of the footer. I'm adding images of what the footer looks like (blue footer)

vs. what I want it to look like (Green footer).

What changes do I need to make?

[kazi]

@firststop  add this css  bottom  of file in Assets > sections-footer.css

@media screen and (min-width: 750px) {
.footer-block--newsletter {
    flex-direction: column;
}
}

[firststop]

Hello!

That made the footer into a block, i think, but it only did this.

[kazi]

@firststop  can you share your store URL?

[firststop]

https://firststopcosplay.myshopify.com/
Password is bewcro

[kazi · Accepted solution]

Replace the old css with this

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

.footer-block--newsletter {
flex-direction: column;
}
.footer__content-top {
display: flex !important;
}

.footer-block:only-child li {
display: block;
}

.footer-block:only-child:last-child {
text-align: left;
}

.footer__content-top .grid {
flex-basis: 60%;
}

.footer-block--newsletter {
align-items: flex-start;
}

}