Pagination Issue On Mobile Devices - Dentro Template - Question | JoomShaper
Back to the questions

Pagination Issue On Mobile Devices - Dentro Template

C

conshelf

Template 4 years ago

Hello,

I'm having an issue with the pagination on the Dentro template in mobile devices.

The"Start" and "End" text overlaps the numbers. Here's a link to the site.

Kind regards, John

0
4 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #16063

Hi there!

Please use the following code in your custom CSS:

@media only screen and (max-width: 600px) {
.pagination-wrapper .pagination .page-item .page-link{
    margin: 0 6px;
}
}

Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/pu705g

https://prnt.sc/pu70zn

Hope this will solve the issue for you!

Best Regards

0
C
conshelf
Accepted Answer
4 years ago #16068

Thanks Rashida, that worked perfectly!

0
C
conshelf
Accepted Answer
4 years ago #16070

Hi Rashinda,

I thinking this may be an issue when page 11, 12, and 13 come into play.

Is there a way to limit the number of items that show and then show ... which exapnd to the next set of numbers?

Kind regards, John

0
Pavel
Pavel
Accepted Answer
4 years ago #16103

Hi. This is a Joomla Core problem, but not a template. You can search for a PHP solution on joomla.org or hide it for mobile devices via CSS, leaving only the prev / next buttons. Or you can place it in several rows via CSS, for mobile devices.

0