SIGN UP

Mobile-friendly custom CSS for repeater field on small screens

By: Ruben Meerman | Asked: 01/29/2023
Forums › Category: How-to › Mobile-friendly custom CSS for repeater field on small screens
0 Vote Up Vote Down
Ruben Meerman asked 2 years ago
Is it possible to have two columns in repeater fields on small screens? I've got two columns working fine outside repeater fields, but not inside repeater fields, as you can see here: https://rubenmeerman.com/formidable-help-please/ My skills are not up to writing custom CSS to make this work. Any help would greatly appreciated.
1 Answers
0 Vote Up Vote Down
Victor Font answered 2 years ago

Repeaters are displayed using CSS grid. To change the two field side-by-side you need to add additional CSS to your style sheet at the appropriate media query break point for mobile devices. The css is .frm_section_heading > * { grid-column: span 6 / span 6; }

Ruben Meerman replied 2 years ago

Thank you Victor!

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