[JakWalkerParticipant]

When on mobile my pagination Page Numbers drop down… Is there a way to stop this from happening please?

[Prasant RaiModerator]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks.

[JakWalkerParticipant]

This reply has been marked as private.

[JadeModerator]

Hi there,

Please try this code:

@media (max-width: 430px) {
    .x-pagination span, .x-pagination a {
        width: 28px;
        height: 28px;
        font-size: 12px;
        margin: 0 .15em;
    }
}

Hope this helps.

[JakWalkerParticipant]

On a 5.5 inch screen this works only up until clicking on the 7th page and after.

On a smaller mobile device it did not work.

[JakWalkerParticipant]

is there a way to just show 4 page numbers then the dots then three numbers all the time like in the image below…

[JakWalkerParticipant]

OK I managed to find a solution…

I edited the pagination.php:

‘end_size’ => 2,
‘mid_size’ => 1

[Prasant RaiModerator]

Happy to hear that. Feel free to ask us again. Have a great day! 🙂

[Author]

Posts