Form fields not responsive at certain resolution

  • henryclarke10
    Asked on January 22, 2018 at 8:02 PM

    Hello,

    When viewed on Chrome on a Chromebook at 1366x768 my form appears like this: https://www.screencast.com/t/LhGiZR5lRi When I view the form on my desktop PC at the same size it appears normally. Do you know what could be causing those 3 fields at the top to appear like that on one machine but not another, and what we could do to fix it?


    Page URL: http://www.solarflarehvac.com/heating-furnace-service-repair-company-dayton/
  • Elton Support Team Lead
    Replied on January 23, 2018 at 2:17 AM

    I think it's not an issue with the responsiveness of the form since I couldn't replicate the problem when adjusting the browser window at different levels.

    It's more like an issue with the browser.

    Inject this CSS codes to your form. This might help fix it.

    .form-input, .form-textbox, .form-dropdown, .form-textarea, [data-type="control_dropdown"] .form-input, [data-type="control_dropdown"] .form-input-wide {

        width: 100% !important;

        max-width: none !important;

        box-sizing:border-box;

    }

    Guide: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    This should also expand the dropdown field in its fullwidth similar with the others.