Remove shadow, round corner on responsive fields

  • nfwfwf
    Asked on February 15, 2018 at 5:19 PM

    My jot form is designed to have square corners on the field boxes. It looks fine on my desktop but:

    > on the mobile the fields have a drop shadow and rounded corners. How can I get rid of the shadow and change the corners? This includes the dropdown menus.

    > on the desktop the dropdown menus have round corners.

    Any help you can give would be appreciated. 

    Thanks, Barb

  • Elton Support Team Lead
    Replied on February 15, 2018 at 7:56 PM

    Inject this CSS codes to your form, this should fix it.

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

    .form-dropdown, .form-textarea, .form-textbox{

        box-shadow: none !important;

        background: none !important;

        border-radius: 0 !important;

        border: 1px solid #ccc !important;

    }}

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

    Result:

    Remove shadow, round corner on responsive fields Image 1 Screenshot 20