Form boxes going over content area in mobile view (Contact Form 7)

[MP EK]

Hello, please have a look at this

The Form boxes are going over content area.

Is this a plugin problem or theme problem?
Do you have a solution to prevent this?

[Sonl Sinha]

Hi Michael,

Kindly share the page URL here.

Regards,
Brad

[MP EK]

Hi Brad,

I mean this page

please switch to german if english is active.

[Sonl Sinha]

Hi Michael,

I have checked the page on all screen sizes and everything looks fine.

I have checked here also: http://www.responsinator.com

Regards,
Brad

[MP EK]

Hello Brad,

thank you for checking.

Responsinator has a better representation of my website on mobile than all browsers on my phone (Chrome, Firefox, Dolphin, Samsung Internet 4.0.10-51), they show all that same problem.

In Responsinator you can see, that the form field is nearer the right border than the left. Do you have a code for me to center the form fields in mobile view?

regards,
Michael

[Sonl Sinha]

Hi Michael,

@media screen and ( max-width:768px) {
input[type=”text”], input[type=”email”], input[type=”url”], input[type=”password”], input[type=”search”]{ width:96% !important; }
}

Regards,
Brad

[MP EK]

That code makes no difference.

I already have this code snipped in my custom css box to decrease the distance to menu:

@media screen and (max-width: 479px) {
#secondary.home_front_wrap{margin-bottom:0 !important;}
}
#primary { width:100%; margin:0;}

Perhaps there are some interferences?

[Sonl Sinha]

Hi Michael,

Kindly send us your URL of the site and WordPress admin details via sktthemes.net/contact

Please mention this forum URL while replying so that we understand what needs to be done.

Regards,
Brad

[MP EK]

can we do a skype session instead? Perhaps now? my skype user: michael.pekic

[MP EK]

I just sent the details, regarding another problem. Would be nice if you could check for this again as well? Thank you.

[Sonl Sinha]

Okay.

[Author]

Posts