How to adjust text in Submit button when viewed on mobile device?

  • smhealthcare
    Asked on December 20, 2017 at 4:08 AM

    1513760853submit Screenshot 10

    How do i adjust "submit" button to the middle on mobile?
    It looks ok on desktop but not on actual mobiles.

     

  • Nik_C
    Replied on December 20, 2017 at 4:39 AM

    To fix that issue, please insert this CSS:

    @media only screen and (min-device-width : 375px) and (max-device-width : 950px) { 

    button#input_12 {

        line-height: 1!important;

    }

      

    }

    In your Custom CSS field.

    That will fix the issue.

    Let us know if you have any further questions.

    Thank you!

  • smhealthcare
    Replied on December 20, 2017 at 4:43 AM
    A new response has been received:
    JOTFORM
    Answered by djoler
    Hi,
    Can you send form, so we can fix that.
    You can copy and paste link here.
    https://form.jotform.me/73531242384453
    https://form.jotform.me/smhealthcare/alpha--workplace-preferred--locatio
    https://form.jotform.me/73530613184452

    View this thread on browser » Unsubscribe Thread
    1513762486
    ...
  • Ardian_L
    Replied on December 20, 2017 at 5:22 AM

    The CSS code has been added to your form. Please let us know if you have any other question.

  • smhealthcare
    Replied on December 20, 2017 at 8:43 PM
    Dear Ardian,

    Yes its looks ok.

    Thanks
    Helga

    ...
  • smhealthcare
    Replied on December 20, 2017 at 9:43 PM
    Dear Nik,

    My mobile looks ok but I tested on other mobiles.
    Still the same.

    Thanks
    Helga

    ...
  • Nik_C
    Replied on December 21, 2017 at 2:09 AM

    I adjusted the CSS, it should be fine now:

    1513840112Screen Shot 2017 12 21 at 8 Screenshot 10

    Please check and let us know.

    Thank you!

  • smhealthcare
    Replied on December 21, 2017 at 2:43 AM
    Dear Nik,
    Yup all looks ok

    Thanks
    Helga

    ...