Docs

[Sara H.]

Hi,

I attach a screenshot of my mobile to help me explain you my issue.
When I see the gravity form on mobile the right line of the form is hidden.

Can you help me put it good?

Thank you

[Rue Nel]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thank you.

[Sara H.]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

@media (max-width:642px){
.gform_wrapper .gf_progressbar,body .gform_wrapper .top_label input.large, body .gform_wrapper .top_label select.large, body .gform_wrapper .top_label textarea.textarea, body .gform_wrapper .top_label li.gfield.gf_left_half input.medium, body .gform_wrapper .top_label li.gfield.gf_left_half input.large, body .gform_wrapper .top_label li.gfield.gf_left_half select.medium, body .gform_wrapper .top_label li.gfield.gf_left_half select.large, body .gform_wrapper .top_label li.gfield.gf_right_half input.medium, body .gform_wrapper .top_label li.gfield.gf_right_half input.large, body .gform_wrapper .top_label li.gfield.gf_right_half select.medium, body .gform_wrapper .top_label li.gfield.gf_right_half select.large, body .gform_wrapper .top_label li.gfield.gf_left_third input.medium, body .gform_wrapper .top_label li.gfield.gf_left_third input.large, body .gform_wrapper .top_label li.gfield.gf_left_third select.medium, body .gform_wrapper .top_label li.gfield.gf_left_third select.large, body .gform_wrapper .top_label li.gfield.gf_middle_third input.medium, body .gform_wrapper .top_label li.gfield.gf_middle_third input.large, body .gform_wrapper .top_label li.gfield.gf_middle_third select.medium, body .gform_wrapper .top_label li.gfield.gf_middle_third select.large, body .gform_wrapper .top_label li.gfield.gf_right_third input.medium, body .gform_wrapper .top_label li.gfield.gf_right_third input.large, body .gform_wrapper .top_label li.gfield.gf_right_third select.medium, body .gform_wrapper .top_label li.gfield.gf_right_third select.large, body .gform_wrapper .top_label li.gsection.gf_scroll_text, body .gform_wrapper .ginput_complex .ginput_left input[type=text], body .gform_wrapper .ginput_complex .ginput_left input[type=url], body .gform_wrapper .ginput_complex .ginput_left input[type=email], body .gform_wrapper .ginput_complex .ginput_left input[type=tel], body .gform_wrapper .ginput_complex .ginput_left input[type=number], body .gform_wrapper .ginput_complex .ginput_left input[type=password], body .gform_wrapper .ginput_complex .ginput_left select, body .gform_wrapper .ginput_complex .ginput_right input[type=text], body .gform_wrapper .ginput_complex .ginput_right input[type=url], body .gform_wrapper .ginput_complex .ginput_right input[type=email], body .gform_wrapper .ginput_complex .ginput_right input[type=tel], body .gform_wrapper .ginput_complex .ginput_right input[type=number], body .gform_wrapper .ginput_complex .ginput_right input[type=password], body .gform_wrapper .ginput_complex .ginput_right select, body .gform_wrapper .ginput_complex .ginput_full input[type=text], body .gform_wrapper .ginput_complex .ginput_full input[type=url], body .gform_wrapper .ginput_complex .ginput_full input[type=email], body .gform_wrapper .ginput_complex .ginput_full input[type=tel], body .gform_wrapper .ginput_complex .ginput_full input[type=number], body .gform_wrapper .ginput_complex .ginput_full input[type=password], body .gform_wrapper .ginput_complex .ginput_full select, body .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=text], body .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=url], body .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=email], body .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=tel], body .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=number], body .gform_wrapper .gfield_error .ginput_complex .ginput_left input[type=password], body .gform_wrapper .gfield_error .ginput_complex .ginput_left select, body .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=text], body .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=url], body .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=email], body .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=tel], body .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=number], body .gform_wrapper .gfield_error .ginput_complex .ginput_right input[type=password], body .gform_wrapper .gfield_error .ginput_complex .ginput_right select,body .gform_wrapper .top_label input.medium, body .gform_wrapper .top_label select.medium, body .gform_wrapper .top_label li.gfield.gf_left_half, body .gform_wrapper .top_label li.gfield.gf_right_half,.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
    width: 94%;
}
}

Hope that helps.

[Sara H.]

Still the same.

[Thai]

Hi There,

Please try with this CSS instead:

@media (max-width: 767px){
    .gform_wrapper.gf_browser_chrome .gform_body {
        width: 100% !important;
    }
    body .gform_wrapper li.gfield select {
        width: 94% !important;
    }
}

Hope it helps 🙂

[Sara H.]

nice! thank you

[Thai]

If you need anything else please let us know.

[Author]

Posts