Twenty Twenty-One: Pagination issue

[patelhitesh]

In the Twenty Twenty-One theme, when we inspect the page set the width 768px then pagination links are not displayed.

Steps to reproduce:
Activate the Twenty Twenty-One theme
Inspect the page and set the width to 768px
The pagination links are not displayed

[patelhitesh]

Pagination issue in the Twenty Twenty-One theme

[audrasjb]

Hello @patelhitesh, welcome to Trac and thank you for this ticket,

Here is the generated CSS rule causing this behavior:

@media only screen and (max-width: 821px) {
    .pagination .page-numbers, .comments-pagination .page-numbers {
        display: none;
    }
}

This is the expected behavior: pagination links take a lot of room on small screens, and are not strictly necessary since the links to previous and next posts are still displayed.

[patelhitesh]

Hello @audrasjb

Thank you for your message.

I understand that pagination links take a lot of room to display page links but we can expect at least a 768px layout.

[patelhitesh]

Coding files for pagination issue

[audrasjb]

I’m not sure it’s a good thing to introduce a new breakpoint at 768px for a specific element when the intermediate breakpoint is 822px (and 482px for small screens) everywhere else in the stylesheet.