change alignment of newsletter form in mobile view only

https://www.ana-uribe.com

password: hello

Hi!

I am trying to change the newsletter block alignment to "left" in mobile view only.

I don't know how to make the alignment "right" in desktop view and "left" in mobile view.

Can someone please help?

I tried using some custom CSS to make it all align left in mobile view, but I could only get the description text "Sign up for my newsletter" to align "left"

To do this I used:

Quote

@media screen and (max-width:640px) {
   .newsletter-form-header-description {
       float: left !important;    
  }
}

 

Anyway, I need the whole newsletter block to align left in mobile view.

Can anyone help?

Much appreciated,

Dan

Looks solved, floating left on mobile:

But you seem to have a strange line of CSS margin:left; you might want margin-left:0; margin-right:auto; instead.