Is it possible to have an auto-adjusting (width) form?

  • Profile Image
    Asked on March 12, 2014 at 02:59 PM

    I am in the process of re-creating our site. Previously I was able to add two different HTML codes (one for desktop view and one for mobile view). However, I am trying to create my site on Wix now and it is not allowing me to have two separate codes for desktop and mobile. I was wondering if there was a way to use a single form and have the width automatically adjust to conform to the user's view (mobile vs. desktop).


    Here are my two previous form:




    Thanks in advance!

  • Profile Image
    Answered on March 12, 2014 at 05:33 PM

    It is possible to inject specific styles for mobile devices to the form.

    For example, you can try to inject the following CSS from this thread:

    /*-----------RESPONSIVE LAYOUT-----------*/

    @media (max-width: 480px) {




    width: 100% !important;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;


    .form-label-left, .form-label-right{

    width: auto;



    margin-left:0 !important;


    .form-input {

    width: 100%;



    width: 75%;


    .form-sub-label-container {

    width: 100%;




    And this is how it will look like on the mobile browser:

    If you need any further assistance, please let us know.