Menu titles text cut off

  • 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.

     

     

  • Sammy
    Replied on November 12, 2015 at 5: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%;
    }

    Menu titles text cut off Image 1 Screenshot 40

    Menu titles text cut off Image 2 Screenshot 51

    This should give you the following outcome.

    Menu titles text cut off Image 3 Screenshot 62

     

  • jdono624
    Replied on November 12, 2015 at 5:59 AM

    That did it. Thanks!