How can I make the fields full width in 980px screen?

  • Profile Image
    AdminRSCM
    Asked on October 01, 2017 at 09:23 AM
    Also- at 980 pixels- the form fields are not full width, how can i make the fields full width?
  • Profile Image
    Jan
    Answered on October 01, 2017 at 10:35 AM

    Sorry for the delay.

    Please inject the custom CSS code below to fix the issue in 980px screen device:

    /* 980px fields full width */
    @media only screen and (max-width: 760px) {
    .form-textbox {
    width: 99% !important;
    }

    .form-sub-label-container {
    width: 100% !important;
    }

    .form-dropdown {
    width: 100% !important;
    }
    }

    /* 980px bottom triangle full width */
    @media only screen and (max-width: 760px) {
    .form-all:after {
    border-left: 369px solid transparent;
    border-right: 369px solid transparent;
    border-top: 50px solid #172751;
    }
    }

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

    Hope that helps. If you need any help, let us know. Thank you.

  • Profile Image
    AdminRSCM
    Answered on October 03, 2017 at 09:58 AM

    so this code ruins the bottom triangle effect at the bottom of this form. It fixes the form fields width- but messes up the bottom of the form.


    http://flexogenix.com/knee-pain-relief-charlotte/

  • Profile Image
    EltonCris
    Answered on October 03, 2017 at 12:32 PM

    This code is the one changing the bottom triangle of the form provided by my colleague. You can take it off if it's not necessary.

    /* 980px bottom triangle full width */

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

    .form-all:after {

    border-left: 369px solid transparent;

    border-right: 369px solid transparent;

    border-top: 50px solid #172751;

    }

    }

    This is how it'd look without it.