Email Forms not mobile friendly

[Petrie]

Hi there

I’ve been trying to get my email form to stack when viewed on a mobile device. I’d like the form to stack on mobile. Currently the 3 input fields are side by side and shortened and the subscribe button is underneath.

The footer that is visible is not the one I’m working on It called Copy of footer.

Thanks in advance
Chris

[rad]

Hi Petrie,

Thanks for reaching out.

Unfortunately, it requires an authentication code and couldn’t check it. For the meantime, please add this CSS to your Footer CSS. I checked the email forms and it’s already with a stacked layout, perhaps you have added custom CSS to make it inline? For that, you must wrap your custom CSS with this

@media ( min-width: 980px ) {

/* replace this line with your custom CSS */

}

That will make sure it only takes effect on a bigger screen.

Thanks!