Skip to main content

I searched everywhere for this but couldn’t find an answer. I want to remove the e-mail form field from the mobile version of my landing page while keeping the desktop version intact. I know that Unbounce only allows on form per landing page. I also know that good CRO practices say that the mobile version should be a unique experience with many saying you should remove fields from the mobile version that are necessary for the desktop versions.


I’ve tried:



  • Visibility (can’t do becaue only allowed on form)

  • Changing the form (this effects both mobile and desktop)

    Any help would be most appreciated.


Thanks!

Hi Ash,


You can try to play around with the CSS with something like:


@media screen and (max-width: 600px) { 

#container_email {

    visibility: hidden;

    display: none;

  }

}


However, since this is a CSS hack you’ll have to adjust the placement of the form button by trial and error in the Unbounce editor. 


Best,

Hristian


P.S. Make sure you don’t hide a required field. 

Reply


Terms & ConditionsCookie settings