Is it possible to make my entire form show up more zoomed in?

I know this is a long shot, but my form comes up a bit smaller than i would like (mainly on mobile). The blank spaces to the left and right are wider than I would like. Thanks

Kindly add the CSS below to remove the padding on the left and right of each field.

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

    .form-line { padding: 2% 0 !important; }

}

How-to-Inject-Custom-CSS-Codes

Thanks for this. I have input the code and refreshed the form but see no difference. Could you possibly input it your end for me please?

https://form.jotform.com/201696547551058

As per checking, you have properly added the CSS.

Here's how it was without the custom CSS:

And this one while the CSS is in your form:

If you are looking for some other changes, please explain in detail. You can share a screenshot and annotate it to explain what changes you'd like to have.

How-to-Post-Screenshots-to-Our-Support-System (Note: Email Attachment Is Not Supported)

On further investigation, it is working on the direct form link, but not through my website redirect 

http://WLB.directory is the link I give to my customers and the code doesn’t take affect when accessed from there.

Do you know if it’s possible to sort that out either through the form code or elsewhere?

thanks for your time 

Thank you for the additional information. I have checked the website you linked. Can you please try if the issue persists after you update the embed codes you are currently using to your form Iframe Embed Codes, please?

Getting-the-Form-iFrame-Code

Hi Mike I’m really sorry I don’t understand what your message means. Can I please try what?

apologies because I’m not great with code stuff

Hi there - No worries, I got your form's iFrame code below:

<iframe id="JotFormIFrame-201696547551058" title="WLB Directory" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/201696547551058" frameborder="0" style=" min-width: 100%; height:539px; border:none;" scrolling="no"></iframe>

If you're not the one who embedded your form to http://wlb.directory/, I'd suggest asking the same person to re-embed using the code mentioned above.

Related Guide: Embedding-a-Form-to-a-Web-Page

Let us know how it goes.

Oh it’s not actually embedded i just redirected WLB.directory domain to forward to the Jotform link?

It seems the form is embedded when I checked your website. Please take a look at the screenshot below, notice that the URL didn't change yet displays the form. Therefore, it's embedded.

I also checked your form's source code and can see it's indeed embedded.

You may replace the code highlighted on my screenshot with the one I sent you on my previous reply (the iFrame code).

Kindly try that and let us know if you need further assistance.

I see, thanks. All I did was purchase a domain with GoDaddy and then use the domain settings to forward to my form. 

I have now switched off GoDaddys "with masking" option which is displaying the form to the desired proportions. The problem I have no is that my URL is replaced with the jotform link, when I need it to stay saying "WLB.directory".

I have spent hours looking through Jotforms forum and I know you only offer this service directly through your enterprise package... What do you suggest is the way around it please? Should I get use a website builder to create a website for the domain to forward to, and then embed what you have sent me into that website? Are there any that you suggest?

Thanks for your time

Hello there,

Thank you for contacting Support.

What you have here is called domain masking. We can't change the frame code here unfortunately, as it's how GoDaddy masks the domain to hide the form's URL.

Instead of selecting forward with mask on your domain settings(GoDaddys), you can select forwarding only, but this will redirect your wlb.directory URL to the form's direct URL.

If you prefer to use your domain name for your users, you should get a server to host your website on, then create an HTML file on the server for you to embed your form. A shared hosting server would do if your site only have small traffic.

Let us know if you have any questions or if you need further assistance.