There is not much you can to with repeaters displayed as tables because, well, they are tables. In order to do this you need to choose a different display, block or row. It may be possible to alter the way tables behave by altering the “display” property of the tables, rows, cells, etc, but I’m not sure.
Just an FYI – none of the ACF repeater options (table, block or row) work on a mobile platform where the viewport is smaller than 450px. You can tweak the css but it’s cumbersome and doesn’t work so well. A work around is to wrap the repeater field (under Wrapper Attributes) with a class and then set that class to scroll. For example – wrap the repeater with the class “scrollme” and then style that class as:
padding: 10px 0;
Viewing 4 posts - 1 through 4 (of 4 total)
The topic ‘Responsive Input width ( Reapeater )’ is closed to new replies.
Welcome to the Advanced Custom Fields community forum.
Browse through ideas, snippets of code, questions and answers between fellow ACF users
After @keithdevon mentioned building out an accessible @wp_acf accordion block I went through my starter theme, setup a new site and just tabbed through it... try it, you'll end looking at your websites in a completely different light! Fully accessible navigation and content now.