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

Store Design
1

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)

firststop_0-1646848223438.jpeg
firststop_0-1646848223438.jpeg998×278 14.6 KB

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

firststop_1-1646848223478.jpeg
firststop_1-1646848223478.jpeg999×172 9.92 KB

What changes do I need to make?

2

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

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

Hello!

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

foot.jpg
foot.jpg1897×502 37.1 KB

4

@firststop can you share your store URL?

5

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

6

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;
}

}

1 Like