EasyStore Pagination Issue On Mobile - Question | JoomShaper

EasyStore Pagination Issue On Mobile

Stephane Hanrez

Stephane Hanrez

EasyStore 1 day 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

0
3 Answers
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 day ago #228594

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,

0
Stephane Hanrez
Stephane Hanrez
Accepted Answer
1 day ago #228596

added in hidden content

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 1 day ago #228631

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!

0