Update the docs

releases.yml

@@ -1,6 +1,6 @@
 - version: 4.7.0
   features:
-    - component: Navigation\
+    - component: Navigation / 25/75 split
       url: /docs/patterns/navigation
       status: Updated
       notes: We've introduced a new variant of top navigation that aligns with 25/75 grid split using <code>p-navigation__row--25-75</code>.

templates/docs/patterns/navigation/index.md

@@ -12,25 +12,20 @@ sites.
 The navigation items are collapsed behind a "Menu" link in small screens and
 displayed horizontally on larger screens.
 
-<div class="p-notification--information">
-  <p class="p-notification__content">
-    <span class="p-notification__title">Note:</span>
-    <span class="p-notification__message">By default, the width of the navigation is constrained to <code>$grid-max-width</code>. To make the navigation full width, replace <code>.p-navigation__row</code> with <code>.p-navigation__row--full-width</code>.</span>
-  </p>
-</div>
-
-The navigation pattern is one of the first patterns to implement the new theming architecture in Vanilla. The default is light. But, to switch to a dark navigation, you can either:
-
-- Override the value of the `$theme-default-nav` in `_settings_themes.scss` to `dark`
-- Add a state class to the `p-navigation` class: `is-dark` when the default navigation is light, or `is-light` when the default has been changed to dark
-
 You can change the breakpoint at which the menu changes to a small screen menu
 by adjusting the `$breakpoint-navigation-threshold` variable from `_settings_breakpoints.scss`.
 
 <div class="embedded-example"><a href="/docs/examples/patterns/navigation/default/" class="js-example">
 View example of the navigation pattern
 </a></div>
 
+<div class="p-notification--information">
+  <p class="p-notification__content">
+    <span class="p-notification__title">New in Vanilla 4.7.0:</span>
+    <span class="p-notification__message">Starting with Vanilla 4.7.0 we recommend using new <code>p-navigation__row--25-75</code> in place of <code>p-navigation__row</code> on brochure websites to better align with the grid.</span>
+  </p>
+</div>
+
 ## Dropdown
 
 Drop-down menus can be added to the navigation by including one or more `p-navigation__item--dropdown-toggle` components.