Fix buggy kitchen sink nav behavior, closes #8048

diff --git a/docs/pages/kitchen-sink.md b/docs/pages/kitchen-sink.md
index 993bf999899b1207ba6a0a434fd5f47dc56722fb..7ea49294a0421e8c2a1022d8bc382e2c83cd3bd7 100644 (file)
--- a/docs/pages/kitchen-sink.md
+++ b/docs/pages/kitchen-sink.md
@@ -96,7 +96,7 @@ description: Everything but.
 
 ---
 
-## Accordion 
+## Accordion
 
 ```html_example
 <ul class="accordion" data-accordion role="tablist">
@@ -568,7 +568,7 @@ description: Everything but.
 
 ## Magellan
 
-```html_example
+```html
 <ul class="horizontal menu" data-magellan>
   <li><a href="#first">First Arrival</a></li>
   <li><a href="#second">Second Arrival</a></li>
@@ -590,9 +590,15 @@ description: Everything but.
 </div>
 ```
 
+<ul class="horizontal menu" data-magellan>
+  <li><a href="#first">First Arrival</a></li>
+  <li><a href="#second">Second Arrival</a></li>
+  <li><a href="#third">Third Arrival</a></li>
+</ul>
+
 ---
 
-## Media Object 
+## Media Object
 
 ```html_example
 <div class="media-object">
@@ -654,9 +660,9 @@ description: Everything but.
 
 ---
 
-## Orbit 
+## Orbit
 
-```html_example 
+```html_example
 <div class="orbit" role="region" aria-label="Favorite Space Pictures" data-orbit>
   <ul class="orbit-container">
     <button class="orbit-previous" aria-label="previous"><span class="show-for-sr">Previous Slide</span>&#9664;</button>
@@ -807,9 +813,9 @@ description: Everything but.
 
 ---
 
-## Slider 
+## Slider
 
-```html_example 
+```html_example
 <div class="slider" data-slider data-initial-start='50' data-end='200'>
   <span class="slider-handle"  data-slider-handle role="slider" tabindex="1"></span>
   <span class="slider-fill" data-slider-fill></span>
@@ -863,9 +869,9 @@ description: Everything but.
 
 ---
 
-## Switch 
+## Switch
 
-```html_example 
+```html_example
 <div class="switch tiny">
   <input class="switch-input" id="tinySwitch" type="checkbox" name="exampleSwitch">
   <label class="switch-paddle" for="tinySwitch">
@@ -878,7 +884,7 @@ description: Everything but.
   <label class="switch-paddle" for="smallSwitch">
     <span class="show-for-sr">Small Portions Only</span>
   </label>
-</div> 
+</div>
 
 <div class="switch large">
   <input class="switch-input" id="largeSwitch" type="checkbox" name="exampleSwitch">