Mobile List task

Hi there,

Thanks for getting in touch.

This can be achieved with custom CSS. To hide the avatars in the task list completely, you can use the following CSS:
.zpm_task_list_row .zpm-task_assignees {
display: none;
}

However, if you want to hide it only on mobile, that can also be done by adding the following custom CSS:
@media(max-width: 580px) {
.zpm_task_list_row .zpm-task_assignees {
display: none;
}
}

I hope this helps and please let me know if you come right with this.

Kindest regards,
Dylan

Dylan, tks so much, its almost there…

On Mobile, its better than before, but the design still wrong.

I want to show only tittle and date ina a line bottom the tille, could you help me on this?

Hi there,

Thanks for the response. Glad to hear that helped.

In order to display only the title and the date below it on mobile, the following CSS should achieve that:

@media(max-width: 580px) {
.zpm_task_list_row .zpm-task_assignees,
.zpm_task_list_row .zpm-task-item__subtask-indicator,
.zpm_task_list_row .zpm-task-row__unread,
.zpm_task_list_row .zpm_task_project,
.zpm_task_list_row .zpm_task_description{
display: none;
}
.zpm_task_list_row .zpm_task_details {
top: unset !important;
right: unset !important;
left: 0 !important;
bottom: 0 !important;
position: absolute !important;
height: auto !important;
text-align: left !important;
}
}

Could I kindly ask you to give this a try and please let me know if this helps?

Thanks.

Kindest regards,
Dylan