Menu titles text cut off

  • Profile Image
    jdono624
    Asked on November 11, 2015 at 10:06 PM

    Hello. I guess the easiest way to explain this strange problem would be to give you two links. One is for a form that is okay and the other has the menu selection titles text cut off. The weird thing is the one that is bad is a clone of the one that is good. The error didn't happen until I changed the payment tool from PayPal to Purchase Order. If I change it to anything but Purchase order, it's okay. For instance, if I change the payment tool from Purchase Order to Stripe, it'll fix itself.

    The PayPal form (good) - https://form.jotform.com/53098095258162

    The Purchase or I'm calling it Mail Order form (not so good) - https://form.jotform.com/53148109679161

    These forms on not on a website yet as I'm still working on them

    Thank for your time.

     

     

  • Profile Image
    Sammy
    Answered on November 12, 2015 at 05:49 AM

    It appears the default CSS styling is causing sizing conflicts, to rectify this paste this CSS snippet to your form via the designer.

    Add the code in the CSS tab section.

    .form-sub-label-container {
        padding-right : 50px;
    }

    .form-product-item.hover-product-item {
        width : 100%;
    }

    This should give you the following outcome.

     

  • Profile Image
    jdono624
    Answered on November 12, 2015 at 05:59 AM

    That did it. Thanks!