Why is drop down menu cut off?

Hi,

***please do not chnage this form live**

The drop down menu of this form does not appear.

https://form.jotformpro.com/form/42431922556959

It is the credit card form on this page: https://buymorefans.ca/checkout

How to I fix this?

***please do not chnage this form live**

Hi,

I have cloned your form. As far as I have seen you have some CSS codes already injected however some of them conflict with each other and causes the current look.

Here is the part that creates the problem:

You have configured the margin to the left as 60px and this made the product items move right with their containers. However, when they move right their visibility as a whole should also be supplied. 

You can do it by adding an additional width attribute to the span.form-product-item selector.

Please inject the following CSS code just after the height and margin-bottom attributes:

width:520px;

Your form will look like this after the injection:

I hope this helps. 

Please contact us whenever you need assistance. We are glad to be helping you.