Why is drop down menu cut off?

  • Profile Image
    buymorefans
    Asked on November 15, 2016 at 12:56 AM

    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**

  • Profile Image
    owen
    Answered on November 15, 2016 at 01:54 AM

    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.