CB List pagination not working for mobile
- stuntlist
- OFFLINE
-
Premium Member
- Posts: 129
- Thanks: 4
- Karma: 0
7 years 11 months ago - 7 years 11 months ago #282084
by stuntlist
CB List pagination not working for mobile was created by stuntlist
Hi,
I am switching a site from CB 1.9.1 to CB 2.0.14. On the CB Lists if I am in desktop mode and have multiple pages of links the pagination works and shows multiple pages. But if I display the same list on a tablet or smartphone the pagination only shows 1 page.
See this page: www.staging.stuntlist.com/west-members-female. It is set to show 20 members per page and for desktop the pagination has 5 pages. Then narrow the browser window down to 768px or smaller and the pagination changes to only 1 page. So, it looks like there aren't any more pages to view. It doesn't need to show 5 pages like desktop, but 2 would be better.
Thank you.
I am switching a site from CB 1.9.1 to CB 2.0.14. On the CB Lists if I am in desktop mode and have multiple pages of links the pagination works and shows multiple pages. But if I display the same list on a tablet or smartphone the pagination only shows 1 page.
See this page: www.staging.stuntlist.com/west-members-female. It is set to show 20 members per page and for desktop the pagination has 5 pages. Then narrow the browser window down to 768px or smaller and the pagination changes to only 1 page. So, it looks like there aren't any more pages to view. It doesn't need to show 5 pages like desktop, but 2 would be better.
Thank you.
Last edit: 7 years 11 months ago by stuntlist.
Please Log in to join the conversation.
- lousyfool
- OFFLINE
-
Premium Member
- Posts: 141
- Thanks: 46
- Karma: 5
7 years 10 months ago #282119
by lousyfool
Replied by lousyfool on topic CB List pagination not working for mobile
Hi,
It's caused by CSS in /components/com_comprofiler/plugin/templates/stunt2016/template.css where line 1211 isChange this to your liking.
It's caused by CSS in /components/com_comprofiler/plugin/templates/stunt2016/template.css where line 1211 is
@media (max-width: 768px)
.cb_template .cbPagination .cbPaginationCounter, .cb_template .cbPagination .cbPageNavLink, .cb_template .cbPagination .cbPageNavCutoff, .cb_template .cbPagination .cbPageNavLast {
display: none;
}
The following user(s) said Thank You: krileon
Please Log in to join the conversation.
krileon
Team Member- OFFLINE
- Posts: 68528
- Thanks: 9093
- Karma: 1434
7 years 10 months ago #282122
by krileon
Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
Replied by krileon on topic CB List pagination not working for mobile
That's intended responsive behavior. On mobile the long string of page numbers doesn't work well or display well so it turns into a simple previous/next usage with the current page noted in the centered. However, as shown above if you don't like the behavior it can be removed.
Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
Please Log in to join the conversation.
Moderators: beat, nant, krileon
Time to create page: 0.270 seconds
-
You are here:
- Home
- Forums
- Support and Presales
- Developer Members Support
- CB List pagination not working for mobile