The phone number field in Contact widget shrinks when screen is medium size

  • Profile Image
    bdoodle
    Asked on October 24, 2019 at 09:03 AM

    I defined a phone number field in my Contact widget on my TEST Contact page but it becomes too small when the screen is < about 1500px but > about 709 px.  (I have a @media statement in my page's CSS to make the div the widget is in full screen size when the screen size is < 709px.)  The phone number field shows up fine then and when the screen is very large, but when the screen is mid-to-large sized, the phone number field is too small. 

    Please advise.

    When screen is very large:

    1571921954JotformContactWidget2.JPG

    When screen is < 1500px (or so) but larger than 709px:

    1571922066JotformContactWidget3.JPG

  • Profile Image
    Victoria_K
    Answered on October 24, 2019 at 09:51 AM

    Hi! Please try injecting the following CSS code to your form: 

    [data-type='control_phone'] {

      min-width: 400px;

    }

    Guide: How-to-Inject-Custom-CSS-Codes

  • Profile Image
    bdoodle
    Answered on October 24, 2019 at 10:11 AM

    Thank you.  That works.