How can we fix this issue whereby nested repeaters and flexible fields are unmanageable due to the interface being too narrow? There’s a lot of white space on the right, I dont understand why ACF has to be a narrow column. Its quite hard to manage this content. See attached. Thanks.
Setting the following to 100% max-width instead of max 600px fixes it on larger screens. We can then also remove the sidebar on smaller screens. No reason to have it max at 600px.
.acf-admin-single-field-group .acf-field-object-flexible-content .acf-is-subfields .acf-field-object .acf-label, .acf-admin-single-field-group .acf-field-object-flexible-content .acf-is-subfields .acf-field-object .acf-input
{
max-width: 100%;
}
Actually sidebar does not hide when changing it in screen options. I can see that is also a ACF issue by maxing out the width of the boxes to 1440px, which prevents the WP feature of hiding the sidebar working. Setting the following also fixes it:
.post-type-acf-field-group .metabox-holder.columns-1 #acf-field-group-fields, .post-type-acf-field-group .metabox-holder.columns-1 #acf-field-group-options, .post-type-acf-field-group .metabox-holder.columns-1 .meta-box-sortables.ui-sortable, .post-type-acf-field-group .metabox-holder.columns-1 .notice
{
max-width: 100%;
}