EasyStore Pagination issue on mobile - Forum | JoomShaper
Staff replied EasyStore

EasyStore Pagination issue on mobile

Asked by Stephane Hanrez 2 months ago Last activity 2 months ago

Hi,

I'm using pagination on my EasyStore product list.

Issue it that when I have many pages, it shows all page numbers, including on smaller devices like mobile, and as a result, there is no way to access later page numbers (my mobile device is able to show like <- 1 2 3 4 -> but not more than that.

How can I have it adapt the amount of pages it shows depending on screen size ? Normally it should be a moving bar, so if I click the next arrow, it should then show I'm on page 2 and if I go further show something like <- 4 5 6 7 ->

Thanks

2 replies

Oldest first Newest first Most helpful
Ziaul Kabir Staff
2 months ago

Hello,

Thanks for reaching out to us. Could you please share temporary administrator access to your Joomla backend? You can provide the credentials securely in the hidden content section. Also, please take a full backup of your site before we make any changes.

Please, mention the page name.

Once I have access, I’ll investigate further and see what’s causing the issue. Let me know once you’ve shared the details!

Best regards,

Stephane Hanrez Asked this
2 months ago

added in hidden content

Ziaul Kabir Staff
2 months ago

Hi,

I was able to reproduce it and have forwarded it to our development team for further review and a fix.

As a workaround, please add the following custom CSS:

@media (max-width: 991px) {
    .view-products ul.pagination.ms-0.mb-4 {
        max-width: 300px;
        overflow-x: auto;
    }
}

This will allow the pagination to scroll horizontally on smaller screens.

Thanks!

Log in to reply.