Why is drop down menu cut off?

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



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


    The drop down menu of this form does not appear.



    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
    Answered on November 15, 2016 at 01:54 AM


    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:


    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.