Post Nav Improvement

CHANGELOG.md

@@ -4,6 +4,15 @@ All notable changes to the Nynaeve theme will be documented in this file.
 
 For project-wide changes (infrastructure, tooling, cross-cutting concerns), see the [project root CHANGELOG.md](../../../../../CHANGELOG.md).
 
+## [2.14.1] - 2026-06-13
+
+### Changed
+**Blog Index Posts Navigation:**
+- Wrapped posts navigation in a responsive container aligned to the 12-column grid on desktop
+- Navigation links now display in a flex row with space-between alignment and wrapping
+- Styled prev/next links with smaller, bold, primary-colored text and no underline
+- On large screens (1024px+), navigation is positioned within columns 3-12 of the grid for better alignment with content
+
 ## [2.14.0] - 2026-06-11
 
 ### Changed - Framework and dependency upgrades

readme.txt

@@ -3,7 +3,7 @@ Contributors: jasperfrumau
 Requires at least: 6.6
 Tested up to: 6.9
 Requires PHP: 8.3
-Stable tag: 2.14.0
+Stable tag: 2.14.1
 License: MIT License
 License URI: https://opensource.org/licenses/MIT
 
@@ -13,6 +13,10 @@ Nynaeve is the Imagewize.com production theme built on Sage 11 (Roots.io stack)
 
 == Changelog ==
 
+= 2.14.1 - 06/13/26 =
+* CHANGED: Blog index posts navigation - Wrapped in responsive grid container with flex layout, styled prev/next links (smaller bold primary-colored text), aligned to columns 3-12 on desktop (1024px+).
+
+
 = 2.14.0 - 06/11/26 =
 * CHANGED: Upgraded roots/acorn from 5.0.1 to ^6.0 (Acorn 6, the framework powering Sage 11's Laravel integration).
 * CHANGED: Upgraded all Illuminate (Laravel) components from v12.61.0 to v13.15.0.

resources/css/app.css

@@ -1063,6 +1063,28 @@ body .gform_wrapper .gform_body {
   color: var(--color-primary, #1d4ed8);
 }
 
+/* posts navigation - blog index */
+.posts-navigation-wrap .nav-links {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  gap: 1rem;
+}
+
+.posts-navigation-wrap .nav-links a {
+  font-size: 0.9rem;
+  font-weight: 600;
+  color: var(--color-primary, #1d4ed8);
+  text-decoration: none;
+  white-space: nowrap;
+}
+
+@media (min-width: 1024px) {
+  .posts-navigation-wrap .posts-navigation {
+    grid-column: 3 / -1;
+  }
+}
+
 /* posts navigation */
 .search-results-page .nav-links {
   display: flex;

resources/views/index.blade.php

@@ -17,7 +17,9 @@
       @includeFirst(['partials.content-' . get_post_type(), 'partials.content'])
     @endwhile
 
-    {!! get_the_posts_navigation() !!}
+    <div class="posts-navigation-wrap mx-5 md:mx-none lg:grid lg:grid-cols-12 lg:gap-4 mt-4">
+      {!! get_the_posts_navigation() !!}
+    </div>
   </div>
 @endsection
 

style.css

@@ -2,7 +2,7 @@
 Theme Name: Nynaeve
 Theme URI: https://imagewize.com
 Description: Modern WordPress theme built on Sage 11 with reusable custom blocks using WordPress native tools and the Roots.io stack.
-Version: 2.14.0
+Version: 2.14.1
 Author: Jasper Frumau
 Author URI: https://magewize.com
 Text Domain: nynaeve