{"id":4290,"date":"2026-10-21T08:09:55","date_gmt":"2026-10-21T08:09:55","guid":{"rendered":"http:\/\/eventful-elementor.local\/?post_type=docs&#038;p=4290"},"modified":"2026-10-21T08:09:55","modified_gmt":"2026-10-21T08:09:55","password":"","slug":"mobile-pagination","status":"publish","type":"docs","link":"https:\/\/wpeventful.com\/elementor\/docs\/mobile-pagination\/","title":{"rendered":"2. Mobile Pagination and Labels"},"content":{"rendered":"<p class=\"efe-doc-summary wp-block-paragraph\">Use a different pagination type on phones, and style the page numbers in the Style tab.<\/p>\n\n<h2 class=\"wp-block-heading\">A different type on phones<\/h2>\n\n<ol class=\"wp-block-list efe-doc-steps\"><li>In <strong>Content &gt; Pagination<\/strong>, find <strong>Pagination Type for Mobile<\/strong>. It applies on screens 480px wide and below.<\/li><li>Choose the type for phones. A common setup: <strong>Ajax Number Pagination<\/strong> on desktop and <strong>Load More Button (Ajax)<\/strong> on phones, where a single button is easier to tap.<\/li><\/ol>\n\n<h2 class=\"wp-block-heading\">Colours<\/h2>\n\n<p class=\"wp-block-paragraph\">Open <strong>Style &gt; Pagination<\/strong>. It has separate colours for the normal, hover and active (current page) states: text, background and border.<\/p>\n\n<p class=\"wp-block-paragraph\">For page numbers, give the active state a strong background so visitors can see which page they are on, and check that the text contrast is high enough in each state.<\/p>\n\n<h2 class=\"wp-block-heading efe-doc-related-title\">Related articles<\/h2>\n\n<ul class=\"wp-block-list efe-doc-related\"><li><a href=\"https:\/\/wpeventful.com\/elementor\/docs\/pagination-types\/\">Pagination Types<\/a><\/li><li><a href=\"https:\/\/wpeventful.com\/elementor\/docs\/style-tab\/\">Style Tab Overview<\/a><\/li><li><a href=\"https:\/\/wpeventful.com\/elementor\/docs\/responsive-settings\/\">Responsive Settings<\/a><\/li><\/ul>\n\n<p class=\"efe-doc-demo wp-block-paragraph\"><a href=\"https:\/\/wpeventful.com\/elementor\/event-pagination\/\">See the pagination demo \u2192<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>How to use a different pagination type on phones in Eventful widgets, and how to style the page numbers and Load More button.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"doc_category":[32],"doc_tag":[],"class_list":["post-4290","docs","type-docs","status-publish","hentry","doc_category-pagination"],"year_month":"2026-10","word_count":130,"total_views":"1","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"ThemeAtelier","author_nicename":"foysal","author_url":"https:\/\/wpeventful.com\/elementor\/author\/foysal\/"},"doc_category_info":[{"term_name":"6. Pagination","term_url":"https:\/\/wpeventful.com\/elementor\/docs-category\/pagination\/"}],"doc_tag_info":[],"_links":{"self":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/comments?post=4290"}],"version-history":[{"count":3,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4290\/revisions"}],"predecessor-version":[{"id":4498,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/docs\/4290\/revisions\/4498"}],"wp:attachment":[{"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/media?parent=4290"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/doc_category?post=4290"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/wpeventful.com\/elementor\/wp-json\/wp\/v2\/doc_tag?post=4290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}