[Extreme_BattleParticipant]

I am having trouble with the Field labels on my gravity forms disappearing on mobile devices when you click to enter information into a field.

After working with gravity forms support I have determined that it is a conflict with the theme seeing as how the form is fine when I use a different theme. When you visit the page the form looks fine until you click in a field and then it seems like the background turns white which makes the labels for the fields disappear.

The pages where I am having the issue are:

http://www.extremebattlesports.com/contact-us/
http://www.extremebattlesports.com/release-form/

Another problem I am having is it seems like White background for the form on http://www.extremebattlesports.com/release-form/ that shows up normally on a desktop or laptop does not show up on a mobile device which makes the text impossible to read.

[RupokMember]

Hi there,

Thanks for writing in! It seems you have placed the background image URL as //www.extremebattlesports.com/wp-content/uploads/2016/02/OTF_Dark_Grunge_08-1.jpg which is not recognizing by mobile devices. Could you update this with http:// ?

Cheers!

[Extreme_BattleParticipant]

Hi, Thanks for the reply.

I am a bit confused. When I go under appearance > customize > Layout and Design, and click on the background image it opens my media library where it shows the image url as: http://www.extremebattlesports.com/wp-content/uploads/2016/02/OTF_Dark_Grunge_08-1.jpg which is how you said it should be. I clicked remove image and reselected the image from my media library just to make sure but it did not solve the problem. The background image is used throughout the whole site however I am just having a problem on these two pages:

http://www.extremebattlesports.com/contact-us/
http://www.extremebattlesports.com/release-form/

should I be changing the background url some place else?

[Extreme_BattleParticipant]

so using chrome to view the page source I see where you mean the url is incorrect. I tried using a different image but had the same problem where it leaves off the http:. Im not sure how to fix this because the url is correct in the media library.

[RadModerator]

Hi there,

Fields are not disappearing on my tests, but I can see the background issue. Forms and background aren’t related to each other, please provide a video recording of the issue you’re getting for disappearing fields. And for the background, please add this CSS to Admin > Appearance > Customizer > Custom > CSS

@media ( max-width: 979px ) {

.backstretch, .backstretch img {
height: 100% !important;
}

.backstretch img {
width: auto !important;
}

}

Hope this helps.

[Extreme_BattleParticipant]

This reply has been marked as private.

[JadeModerator]

Hi there,

Please add this code in the customizer:

.page-id-69 .gform_wrapper li.gsection.gf_scroll_text {
    background-color: #fff;
    padding: 20px;
}

Hope this helps.

[Author]

Posts