Essential Grid pagination not working on mobile

Support
#1

Hi there,

Title says it all really! My grids work fine on iPad and desktop, but for some reason clicking the pagination numbers when viewed on a phone has no effect. Help!

https://fabbri-racks.co.uk/towbar-bike-racks

Thanks,
Shaun

#2

If I add left and right arrows beneath the pagination, both the arrows and the numbered boxes work. Very strange!

#3

Hello There,

Please follow up the steps below:

  1. Ensure everything is up to date according to our version compatibility list here. Please follow the best practices when updating your theme and plugins. Click here for more information.
  2. Go to X > Settings and click on the Clear Style Cache button.
  3. If you’re using a CDN(ex: CloudFlare), please clear the CDN’s cache and disable optimization services. For the CloudFlare you also need to follow the steps below besides the developer mode: https://xthemetips.com/using-cloudflare-rocket-loader-with-x-pro-and-x5/928/1
  4. Test for a plugin conflict. You can do this by deactivating all third-party plugins, and see if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.
  5. Remove custom CSS and Javascript from the options or Child Theme and test the case.
  6. Switch to the parent theme to check if the issue persists.
  7. Reset your htaccess file by renaming it to .htaccess-bak. Then in WP Admin Menu, go to Settings > Permalinks and just click the Save Changes button.
  8. Increase the PHP Memory Limit of your server. Click here for more detailed information and how to increase the PHP memory limit.

If you still have problems kindly get back to us with the result of the steps above and URL/User/Pass of your WordPress dashboard using the Secure Note functionality of the post to follow up the case.

Thank you.

#4

Hi there, thanks for getting back to me.

I’ve tried the steps up to 7 and 8, I don’t have ftp or server access (although I’m pretty sure the PHP memory limit is okay). I will leave the login details as a secure note.

#5

Hello @ShaunCoward,

Thanks for updating in!

I have tested your site in my phone and I can click on the pagination numbers and the arrows left/right.

Please clear your plugin cache and then your mobile phone’s browser cache. You may use private browsing mode or Incognito mode and test your site again.

#6

Hi there,

The arrows do work, and the numbers will work in this example but only after the arrows have been pressed.

I’ve now removed the letf/right arrows from that grid and I can’t get the numbers to work at all. Could you please test again?

Thanks!

#7

(I should have said, the whole point of this is that I don’t really want the left/right arrows at all…)

#8

Hey @ShaunCoward,

I see the issue in your site when loaded it in my phone. I however tested the same setup in my test site and the Pagination works. This leads me to suspect that there might be something in your test site that is causing this.

It could be one of the third party plugins. Pleasetry testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Thanks.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.