How to make fields of Configurable List move to new line automatically?

Hi

The configurable list seems to be what I want to use, but I have too many fields to fit on one line.

I can see that the fields don't wrap to the next line.

How can i overcome this

Thank you

Acutally, what I have to achieve is to incorporate the attached form into one form where a parent can "add" as many of these forms as they need

Child membership form

Hello, We will be glad to help you position fields of Configurable List the way you need. For the widget to move fields to new lines automatically, you can try injecting the following CSS code:

table#list {width: 100%; } th {display: none; } .mobileColumnName {display: block; } td{float:left;box-sizing:border-box;}

Please use this guide: How-to-Inject-CSS-Codes-to-Widgets

Also, I can suggest to consider displaying every field on new line according to this help article: How-to-Make-the-Configurable-List-Widget-Mobile-Responsive

Please let us know if you need further help on this matter.