Pagination Issue on Mobile Devices - Dentro Template - Forum | JoomShaper
Solved Templates

Pagination Issue on Mobile Devices - Dentro Template

Asked by conshelf 5 years ago Last activity 5 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

Accepted answer

Marked as the solution
Rashida Rahman Staff
5 years ago

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

3 more replies

Oldest first Newest first Most helpful
conshelf Asked this
5 years ago

Thanks Rashida, that worked perfectly!

conshelf Asked this
5 years ago

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

Pavel
5 years ago

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.

Log in to reply.