Mobile Issues using Salesforce form

[jbbmobile]

Hi, I am trying to integrate the web to lead form from salesforce into my landing page but it doesn’t seem to be working on the live view. In the builder it looks ok and then when I go to my phone its all overlapping. Images for reference. Private page in secure note.

[ruenel]

Hello Jason,

Thanks for writing in!

You are having this issue because on your column 1, you have set a 100vh height which should not be the case.

Set the height to auto and set the minimum height to 100vh instead.

Kindly let us know how it goes.

[jbbmobile]

Ok that helped a lot! On the same note, how would I take this out of the right align and remove the white space at the bottom of the page. I can’t seem to figure it out which setting it is.

[friech]

Hi Jason,

That white space at the bottom of the page is the last section’s padding-bottom, please set that to 0.

To resolve that form alignment issue, please add this to Theme Options > CSS

.bps-form {
    margin-left: 0 !important;
}

Please note that we do not really provide support for custom CSS here in the forum especially if its for 3rd party widgets/plugin, you might want to consider our premium support service called One in the future.

Cheers,

[jbbmobile]

Thank you for all your help!

[tristup]

Hi Jason,

Glad that we are able to help you.

Thanks

[jbbmobile]

Hi, this may be related but on a different page. I’ve tried the bottom padding but that doesn’t seem to work. How would I make this go to the edge and just have a static landing page without the white space on any device.

[ruenel]

Hello Jason,

Using the same setting in the Column setting’s SIZE option, you can set a minimum height to the difference of the total height of the page and the height of the row below.

In my example above, I have set the minimum height of the column to calc(100vh - 330px) which means that the column will occupy most of the page height leaving only a **330** pixels for the bottom footer.

Hope this makes sense.