This thread is resolved. Here is a description of the problem and solution.
Problem:
I have added pagination to a view, and it displays correctly on desktop but goes out of canvas on mobile, breaking the website's responsiveness. I am using the GeneratePress theme.
Solution:
Adding the CSS code below will enable flex-wrap, ensuring the pagination fits within the canvas on mobile devices:
.wpv-archive-pagination-nav-links, .wpv-archive-pagination-nav-links-container, .wpv-pagination-nav-links, .wpv-pagination-nav-links-container, .wpv-pagination-preview-element {
flex-wrap: wrap;
}Alternatively, use Toolset’s pagination options to reduce the number of page links displayed for a cleaner look on mobile.
This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.
Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.
This topic contains 1 reply, has 2 voices.
Last updated by 1 month, 1 week ago.
Assisted by: Christopher Amirian.
Tell us what you are trying to do?
I have created a view and added pagination. In desktop format it displays fine but in mobile format it goes out of the canvas and then the website is no longer responsive.
I use the GeneratePress theme and I need help to solve this problem, thanks.
Is there any documentation that you are following?
Your video tutorials.
Is there a similar example that we can see?
No.
What is the link to your site?
hidden link
