Form fields passing over border in mobile view

[MP EK]

Hello,

I have a form style problem.

When browsing on Smartphone the form fields are being rendered going over the right border with SKT Full Width Pro.

Could you please direct me to where and what to adjust.

It would be nice if you can tell me to change the thick black line and instead have a thin line only.

For better understanding please check the screenshot:

[Sonnal S Sinha]

Hi Michael,

Kindly show us the URL of that page.

Regards,
Brad

[MP EK]

This is the URL< /a>

[Sonnal S Sinha]

Hi Michael,

Kindly go to Appearance>>Theme Options>>Layout Settings>>Custom CSS Box:

Add this code there:

@media screen and (max-width:479px) {
table.eme-rsvp-form { width:100% !important;}
.single article table td, .page article table td, .single article table th, .page article table th { width:100% !important; display:block !important;}
input[type=”text”], input[type=”email”], input[type=”url”], input[type=”password”], input[type=”search”] { width:100% !important; box-sizing:border-box !important;}
}

Regards,
Brad

[MP EK]

Thank you, that works already quiet good.

There are some thick black lines. Can you transform them to the also visible thin counterparts?

[Sonnal S Sinha]

Kindly add this code in Custom CSS Box:

.single article table th, .page article table th{border-bottom:1px solid #100d0a !important;}

Regards,
Brad

[MP EK]

That made it, Brad. Thank you. I just had to math thin lines colr! You made it. Can you contact me please directly with your contact details? I’m on facebook, LinkedIn, etc.

[Sonnal S Sinha]

🙂

[Author]

Posts