Я заметил, что базовая страница администратора списка заказов Woocommerce не отображается должным образом на мобильных устройствах (по крайней мере, iPhone 6/8/8 + / MAX). Кажется, что нет отдельного дизайна для маленьких экранов, и страница просто пытается изменить размер, чтобы соответствовать экрану, что создает много артефактов, таких как текст, отображаемый над флажками, отсутствующие столбцы и т. Д. Кроме того -
Я добавил с помощью кода пару пользовательских столбцов в список администраторов заказов Woocommerce. Они хорошо отображаются на рабочем столе, но на мобильном телефоне весь экран искажен и даже иногда бесконечно мерцает, как будто пытается перерисовать снова и снова.
Я пытаюсь добиться хорошего экрана, который виден на мобильном телефоне при входе в списки администраторов WordPress. Страницы, где есть основной столбец, который отображается регулярно, а затем есть небольшая кнопка (class = "toggle-row"), которая при нажатии (реализовано в common.js) переключает класс "is-extended" на остальное столбцов, которые затем отображаются в виде списка.
Во-первых, я хотел бы знать, как настроить шаблон Woocommerce, чтобы бэк-офис был мобильным. Тогда я хотел бы знать, как вписать мои пользовательские столбцы в эту схему