diff --git a/CHANGELOG.md b/CHANGELOG.md
index b537b5a31..802b22402 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,11 +6,12 @@ item (Added, Changed, Depreciated, Removed, Fixed, Security).
## [2026.04]
- Updated: all plugins, composer & npm packages to latest; pin React to v18 as an override to resolve conflicts between ` @dnd-kit/core` and `@wordpress/icons`; pin several other packages to newer versions to resolve security warnings.
+- Updated: Archive, index, and search templates now use dedicated mobile and desktop pagination variants for improved responsive layouts. [MOOSE-348](https://moderntribe.atlassian.net/browse/MOOSE-348)
## [2026.03]
-- Updated: Asset enqueuing for core blocks should now allow block scripts & styles to properly render across the FE & editor.
-- Updated: Refactor Horizontal Tabs block into a dynamic block. Add reordering functionality.
+- Updated: Asset enqueuing for core blocks should now allow block scripts & styles to properly render across the FE & editor.
+- Updated: Refactor Horizontal Tabs block into a dynamic block. Add reordering functionality.
- Updated: Refactor Vertical Tabs block to dynamic block; allow sorting.
- Updated: All blocks that use the `ServerSideRender` package now properly pull from the named import instead of the default import (deprecated).
- Updated: Image / Image Overlay blocks now use a shared `MediaImageControl` component instead of adding the media control separately.
@@ -37,7 +38,7 @@ item (Added, Changed, Depreciated, Removed, Fixed, Security).
## [2026.01]
-- Updated: Interactive card blocks now use the animated underline on the title element on hover.
+- Updated: Interactive card blocks now use the animated underline on the title element on hover.
- Fixed: Vertical Tabs block now scrolls the selected tab into view on mobile, respecting reduced motion preferences. [MOOSE-333](https://moderntribe.atlassian.net/browse/MOOSE-333)
- Fixed: Removed top margin from spacer block
- Added: Yoast Duplicate Post plugin v4.5 for easier content duplication in the editor.
@@ -103,10 +104,10 @@ item (Added, Changed, Depreciated, Removed, Fixed, Security).
## [2025.01]
- Chore: WordPress plugin updates, Composer & NPM package updates.
-- Updated: Inline link styling should now apply to all links inside the post content block that do not have a
+- Updated: Inline link styling should now apply to all links inside the post content block that do not have a
class assigned to them. This should exclude things like buttons & navigation.
- Added: `Admin_Menu_Order` class to handle reordering the WP Admin menu items that Moose loads with by default.
- This also includes Yoast SEO & RankMath, just in case either are used by default.
+ This also includes Yoast SEO & RankMath, just in case either are used by default.
- Added: Node service to Lando so FE assets can be built automatically on start up.
- Updated: project start up scripts to automatically generate the correct contents of the lcoal config files.
- Updated: script to install WordPress so we can use a version constant and not install WP every time composer is
diff --git a/wp-content/themes/core/blocks/core/querypagination/style.pcss b/wp-content/themes/core/blocks/core/querypagination/style.pcss
index f691b804a..5a6219fa9 100644
--- a/wp-content/themes/core/blocks/core/querypagination/style.pcss
+++ b/wp-content/themes/core/blocks/core/querypagination/style.pcss
@@ -21,6 +21,22 @@
color: var(--pagination-link-hover-color);
}
}
+
+ /* Handles mobile and desktop pagination variants using dedicated modifier classes */
+ &.b-pagination-desktop {
+ display: none;
+ }
+
+ @media (--mq-tablet) {
+
+ &.b-pagination-mobile {
+ display: none;
+ }
+
+ &.b-pagination-desktop {
+ display: flex;
+ }
+ }
}
/* -----------------------------------------------------------------------
@@ -33,6 +49,11 @@
gap: 0 var(--spacer-20);
margin: 0;
+ /* Reduce the space between numbers on tiny screens */
+ @media (max-width: 376px) {
+ gap: 0 var(--spacer-10);
+ }
+
.page-numbers {
line-height: 1;
display: flex;
@@ -49,7 +70,9 @@
/* Current page indicator */
&.current {
- background-color: var(--pagination-numbers-current-background-color);
+ background-color: var(
+ --pagination-numbers-current-background-color
+ );
color: var(--pagination-numbers-current-color);
}
}
diff --git a/wp-content/themes/core/templates/archive.html b/wp-content/themes/core/templates/archive.html
index 72714360f..b2fc2e069 100644
--- a/wp-content/themes/core/templates/archive.html
+++ b/wp-content/themes/core/templates/archive.html
@@ -1,17 +1,26 @@
-
+
+
-
+