How do I remove the e-mail form field on mobile but keep it on desktop version?

  • 19 January 2016
  • 1 reply
  • 2 views
A

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!

1 reply

Hristian
Userlevel 7
Badge +3

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. 

Hristian K. → experimentation-as-a-service → https://www.revise.agency/

Reply


Terms & ConditionsCookie settings