T3 Community Discussion & Support

Let's build the best free Joomla template framework, together!
  1. Joshua Lyon
  2. General Discussion
  3. Thursday, July 09 2015, 10:46 PM
  4.  Subscribe via email
In running my site through the PageSpeed Insight tool by Google, one of the only UX issues that remains is that the pagination links are all spaced too closely together.

Is there a way to hide the page numbers when on mobile? For example applying a class like .mobile-hidden to some object?

If not, is there a suggested way to improve the sizing of the tap targets?
Attachments (2)
References
  1. https://boshdirect.com
Comment
There are no comments made yet.
Accepted Answer
Gardner Luna Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

Please open the custom.css file in the folder: templates/t3_bs3_blank/css and add the following css rule:

@media screen and (max-width: 480px) {
.pagination > li {
display: none;
}

.pagination > li:nth-child(1),
.pagination > li:nth-child(2),
.pagination > li:nth-child(13),
.pagination > li:nth-child(14) {
display: inline-block;
}
}


Regards.
Comment
There are no comments made yet.
  1. more than a month ago
  2. General Discussion
  3. # Permalink


There are no replies made for this post yet.
However, you are not allowed to reply to this post.