Multiple columns not working

Hi @rafiq250

I hope you’re well today and thank you for your your kind words and your question!

This is happening because Forminator attempts to remain responsive in order to provide relatively good “readability” and access to field so if the parent/wrapper column is to narrow it will act like regular responsive layout on a smaller device screen and “adjust” itself.

The same would happen if you’d be using full-width one-column layout with two-column form and then viewed in on a mobile device with a screen capable of showing 300 pixels only in width.

The “threshold width” for keeping two-column layout by the form would be 783 pixels and everything below that will cause layout to switch to one-column. You can try adding CSS like this to the site and it should override that behavior:

@media only screen and (max-width:782px) {
.forminator-col {
	float:left;
  display:block;
	width:45%;
	margin-left:5px;
}
}

Best regards,
Adam

Hello @rafiq250

I hope you are doing well!

We haven’t heard back from you for a while now so we’ve marked this ticket as resolved. If you do have any followup questions or require further assistance feel free to reopen it and let us know here.

Kind regards,
Nastia

Hi @wpmudev-support9,

I have tried this, but it wasn’t as expected but I tried the below one with individual fields then I was able to get the result. Using the below CSS again in the full width there was a problem as the fields were not equivalent to the default fields. I also created with 3 columns on pop up it again came up as a single row and single column.

.right-forminator-col {
	float:left;
  display:block;
	width:45%;
	margin-left:5px;
}
.left-forminator-col {
	float:left;
  display:block;
	width:45%;
	margin-left:5px;
}

The plugin is great but some CSS issues facing from my end. This may not be the same for all. Good Job.

Regards
Mohammed Rafique

Hi @rafiq250,

I also created with 3 columns on pop up it again came up as a single row and single column.

Just to be sure you meant you notice the issue when the form is added inside a popup? or in any specific screen size like Mobile you are testing?

As mentioned in our initial response due to responsiveness if the screen size is small for eg Mobile, the fields would be stacked in a column.

If that isn’t the case and if you think there are anomalies, if possible, please do a link to the page you see the issue so that we could have a better idea regarding if there is any scope of improvement that needs within the plugin side or not.

Looking forward to your response. Have a great day ahead.

Best Regards,
Nithin

Hi, I have a similar issue (you can see it here). There are three forminator forms—all with the same settings (the lower 2 are copies of the first)—placed as shortcodes within the accordion. You will see the first has the desired multiple columns whereas the lower ones have only one. The section is set to full width, boxed, the column containing the accordion set to width 100% (the forms all resize to one column on mobile as they should). Not a big deal, but wondering why this happens.

Hi @wintersthrall

Sorry to hear you are having this problem.

Could you please create a new ticket and we can take a closer look on your form?

Best Regards
Patrick Freitas

I am having the same issue, although it has to do with the popup plugin I am using. I have the form set up for two columns, but is placed as a shortcode in the popup maker plugin. Is there a way to get the two columns to work within that popup?

Hello @sbeat,

Though it is a similar issue, the reason of occurrence could be different than that of this thread. To understand it better and to help you more with the issue, Could you please create a new ticket and we can take a closer look at your form?

The reason I’m requesting you to create a new thread is that this thread eas created by someone else and making unnecessary replies from our end (my end) to resolve other issues could disturb them. I appreciate your understanding here.

Thank you,
Prathamesh Palve