How to Fix Footer Newsletter for Mobile to be on top in organized manner top to bottom

Store Design
1

Hello, I have an issue when I tried to move my Footer Newsletter on Desktop it looks good but when I changed the code it squished it badly in Mobile. How do I fix the Mobile version to looks more organized?

Faucetpet_0-1660173624209.png
Faucetpet_0-1660173624209.png313×399 72.1 KB

2

No I just use the dawn theme and the html coding backend

3

Hi @Faucetpet ,

Go to Assets > base.css and paste this at the bottom of the file:

@media screen and (max-width: 749px) {
	.footer__content-top.page-width {
		flex-wrap: wrap;
	}
	.footer-block--newsletter,
	.footer__blocks-wrapper.grid.grid--1-col.grid--2-col.grid--4-col-tablet {
		width: 100% !important;
	}
}

Hope it helps!

4

Dude your a beast, thank you so much