SIGN UP

Check Box Styling: 3 Columns to 1 Column on mobile only

By: fox Tucker | Asked: 08/19/2022
Forums › Category: How-to › Check Box Styling: 3 Columns to 1 Column on mobile only
0 Vote Up Vote Down
fox Tucker asked 2 years ago
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. 
1 Answers
0 Vote Up Vote Down
Rob LeVineRob LeVine answered 2 years ago
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); } }

Making the Best WordPress Plugin even better - Together

Take on bigger projects with confidence knowing you have access to an entire community of Formidable Experts and Professionals who have your back when the going gets tough. You got this!
Join the community
crossarrow-right