Hi
I have a field with 12 multiple check boxes. I've set them to show in 3 columns. I would like to know if you have any ideas on how I can force this to be 1 column when viewed on mobile?
Any assistance is greatly appreciated.
I tried an example and the following worked for me. I put the code in the "before field" of the form's Customize HTML setting (you might need to play with the 768px to conform to your needs):
@media (max-width: 768px) {
.frm_form_field.frm_three_col .frm_opt_container {
grid-template-columns: repeat(1, 1fr);
}
}
Please login or Register to submit your answer