Can i make form view on desktop the same as .css for mobile

  • Profile Image
    kozijnstijl
    Asked on May 22, 2014 at 06:48 AM

    I have the following code extracted from another question of the forum, for viewing the form on a mobile. This view is only different and also more beautiful as for desktop. can it be adjusted to the same in the css?

     

    /*-----------RESPONSIVE-----------*/@media (max-width: 480px) {.form-textarea,.form-textbox,.form-dropdown{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;}.form-buttons-wrapper{margin-left:0 !important;}.form-input {width: 100%;}.form-all{width: 80%;}.form-sub-label-container {width: 100%;display:block;}/*--for the address table--*/span.form-sub-label-container + span.form-sub-label-container {margin-right: 0;}.form-address-table select,.form-address-postal,.form-address-city,.form-address-state,.form-address-table,.form-address-line,.form-address-table .form-sub-label-container {width: 100%;}.form-address-table td, .form-address-table th {padding-bottom: 10px;padding: 0 1px 10px 1px;}}

     

  • Profile Image
    ashwin_d
    Answered on May 22, 2014 at 11:12 AM

    Hello kozijnstijl,

    Please be noted that custom css code for one form will not necessarily work with another form. Custom css code is generally customized for one particular form.

    Our forms are mobile friendly but there are other factors as well when you want to make your form responsive. Example your website layout, the form width and if there are widgets in your form. 

    Have you embedded your form in any web page? Please share the web page URL and we will take a look.

    Thank you!