Name fields not displaying in one line on embedded page

Hi there

In my form name and surename is on one line but as soon i embed it on my website they are placed in 2 lines. Can you help?

Can you please provide the link of your website, so we can test it?

Which method do you use to embed the form?

Can you please try with iFrame and test again? In order to obtain the iFrame code, please follow this guide:

https://eu.jotform.com/help/148-Getting-the-Form-iFrame-Code

Let us know, how it goes. We will wait for your response.

i've tried both ways, iframe and embed code

The link is: https://www.reklamationszentrale.ch/angebot/mitgliedschaft/

It seems that the "Herr/Frau" field is too wide. So, it causes the Full name field to go on two lines.

Can you please try to use CSS code in the form, in order to tighten the "Herr/Frau" field?

Please give it a try and let us know, how it goes.

We will wait for your response.

no, it's not working... even when i delete Herr/Frau... name and surname is on 2 lines

I have added the following CSS code to your form and the name field on the embedded form is displaying properly in the same line.

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

    [data-type="control_fullname"] .form-sub-label-container {

        width: 47%;

    }

}

Please check and let us know if you need any further help. Thanks!

Perfect! Thanks for your great support!