My products are collapsed.

Why are my products collapsed like this?

 

Special options will only be shown if the product is selected.  The options are collapsed when they are not. To prevent them from collapsing, you can add this code to your form:

http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

.form-product-item {
    min-height : 170px;
}

Here is how the form would look with the code added. 

https://form.jotform.com/61675467668978

 

Still not working correctly. I've tried to change the pixel dimension, but
no luck. Help!
[image: photo]
*Charles Goffnett*
...

I checked your form and the product fields are no longer collapsing.  Are they still showing incorrectly on your end?  As far as I can tell, the code applied is correctly forcing the height of the products.

Still having problems:
https://www.dropbox.com/s/r3eaqba7t4giozx/Screenshot%202016-06-16%2017.18.37.png?dl=0
[image: photo]
*Charles Goffnett*
...

Try injecting this CSS code, please: 

.form-product-item {

    min-height: 250px;

    width: 100%;

}

This should be the result: 

That worked! Thanks!
[image: photo]
*Charles Goffnett*
...

I spoke too soon. Still stuggling here. See how some of my product options
wrap?
https://form.jotform.com/61474986452164
[image: photo]
*Charles Goffnett*
...

Hello Charles,

I did check your form and found that you have other css code injected and that is causing this issue. Please remove the other inject css code and just inject the following custom css code:

.form-product-item {

    min-height: 250px;

    width: 100%;

}

Please take a look at the following cloned form and see if this works as expected:  https://form.jotform.com/61681537482967

Hope this helps.

Do get back to us if you have any questions.

Thank you!