Paging Visual Issue on Mobile

Hi @dimalifragis

The flex container is trying to fit the whole pagination in one line, so the pagination links are shrinking to adjust themselves in one line.

There are several ways to fix it –

1. You can reduce the pagination midpoints to 3 instead of 5 to fit it nicely – Directorist: Custom Pagination (github.com)

2. You can use custom CSS to wrap it to multiple lines for mobile view –

@media only screen and (max-width: 600px) {
  .directorist-pagination {
    flex-wrap: wrap;
  }
}

3. You can also use CSS code to reduce padding, font size to adjust them in one line.

Please let me know if you need further information.

Kind Regards