Why isn't my form showing up the labels?

We have an old form that I have noticed no longer displays correctly.

https://form.jotform.com/40026199345959

Please set the EMAIL field's label to position on top:

Then remove this custom CSS code below and save the changes:

This is how it will look like when implemented: https://form.jotform.com/201447239272959 

I have removed the css code and made adjustments to the email title, but the title for Name, Email & Phone does not display.

https://form.jotform.com/40026199345959

Let me check on this again. I'll get back to you here shortly.

Thank you for waiting! I found out that renaming the field resolves the issue.

First, rename it with any name/text. Then rename it again with the intended field name. That will resolve it. Here's a demo:

Don't delete the fields as it also removed the data associated with it. Just rename it.

Please try that on your end and let us know how it goes.

TY! It's getting much better.

Lastly on the embedded page, the first and last name are not inline. Can you help with that?

https://www.pamperedpetscenters.com/

Hi there,

the reason for the first name and last name are not on the same line is that the width of the embedded form is only 416px so it displays as if on a mobile.

You can add the following CSS to fix it:

@media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape)

[data-type=control_fullname] .form-sub-label-container:first-child {

    margin-right: 0px;

}

Result should be:

Please note that this might make the fields too small when viewed on mobile. Or you can make both of them extend all the way with this code:

@media screen and (max-width: 480px), screen and (max-device-width: 767px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape)

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

    width: 100% ;

}

Result should be:

Hope this helps, please let us know if you need further assistance.

I added the first line of code, but no changes on the webpage.

Hello,

Thank you for your message.

Please add the following CSS code to your form:

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

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

    margin-right: 0px!important;

}

This is the result:

If you need any further assistance, please let us know. We will be happy to help.

Still the same... sorry

Hi! Let me look into this. I'll get to you shortly with an update.

Thank you!

Hi! The custom CSS code implemented in Your Form https://form.jotform.com/40026199345959 has some missing braces. Kindly replace that code with the code provided here: https://www.codepile.net/pile/w86w9dWE

Following is how you should see your Form after making the above mentioned change:

In case you don't see this change, do let us know.
Thank you!

Is there a reason why many other questions are being answered and not mine? I'm a brand new user about to sign up and buy JotForm and I've had zero response to a simple question. 

It's not a great look :-(

https://www.jotform.com/answers/2345197-Display-product-images-from-airtable-in-jotform-wholesaler-order-form#0

@codefy,

Kindly note that questions are assigned to a support agent on the order they are posted, regardless the account type or the question complexity. 

I can see my colleague was already assigned to your ticket, and he is checking this, you will be updated on that ticket as soon as possible. 

Thanks. 

Awesome! TY so much for all of your help.

You're most welcome @voiceus, feel free to let us know should you need any further assistance.

Thank you for choosing Jotform.