For this page; I have set up pagination and also added this code to the before body section on this page.
I am facing two issues:
When I go to the page and select the next page button, the page loads and scrolls up to the start of the collection list as intended; but I am not able to click anything else after that . How do I fix this issue?
On the first and last page, the pagination buttons aren’t centered. What I mean is, the page number text moves a little to the right on the 2nd page to make room for the “previous button”.
I would like the page number text to always be centered , and the next and previous button to be around it. This way, the page number text doesn’t move to the right on the 2nd page.
You have a div with a classname of preloader on the page. It is blocking everything once the pagination resets the page. If you don’t need it - delete it, it will solve the 1st problem.
If you could share a read-only link, I might be able to help here.
The preloader came with the template I purchased, and I quite like it. It hides the page elements while they are still being loaded. How do I keep the preloader and circumvent this issue? (or make tweaks to the preloader so that this issue doesn’t occur?)