I am trying to:
Show pagination on mobile cleanly.
Link to a page where the issue can be seen: hidden link
I expected to see:
Pagination set up to cleanly allow access to all pages.
Instead, I can only see pages 1-8 (up to 1-11, depending on size of mobile screen used for testing), and there's no way to advance to other pages. It looks like there are very few formatting options for pagination, at least nothing I can find. It's a big problem on mobile for us, because it only allows users to see about 1/3 of the content at this point.
What can be done to make the pagination formatting work?
Hello. Thank you for contacting the Toolset support.
Can you please check now: hidden link
You will have to add the custom media query CSS as per your device size, I've added the following line of CSS code to your view's custom CSS box. Screenshot: hidden link
@media screen and (max-width: 600px) {
.wpv-pagination-nav-links ul.pagination,
.wpv-pagination-nav-links ul.pagination > li {
display: inline-block;
}
}
Final question though before we resolve the ticket -- shouldn't this be in the Toolset code so we don't need to add CSS for it? Is there a fix in the works for it?
Thanks, and in the meantime, we know what to do going forward, so much appreciated!