From 2a70ae2b84f2064e50d3c76039cf9c46e74be5d9 Mon Sep 17 00:00:00 2001
From: Geoff Kimball <geoff@zurb.com>
Date: Thu, 25 Feb 2016 11:37:49 -0800
Subject: [PATCH] Add callout to drilldown docs explaining that the height of
 the menu doesn't change

---
 docs/pages/drilldown-menu.md | 6 +++++-
 docs/pages/menu.md           | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/docs/pages/drilldown-menu.md b/docs/pages/drilldown-menu.md
index ef587cbe7..57c9d9d2c 100644
--- a/docs/pages/drilldown-menu.md
+++ b/docs/pages/drilldown-menu.md
@@ -9,7 +9,7 @@ js: js/foundation.drilldown.js
 
 Drilldowns use the standard [Menu](menu.html#nested-style) syntax, using `<ul>`, `<li>`, and `<a>`. Add `data-drilldown` to the root menu to set up the drilldown.
 
-To create sub-menus, place a `<ul>` *next to* an `<a>`. Clicking that `<a>` will then open the `<ul>` it's next to.
+To create sub-menus, place a `<ul>` *next to* an `<a>`. Clicking that `<a>` will then open the `<ul>` that it's next to.
 
 Any `<a>` without a submenu will function like a normal link.
 
@@ -26,6 +26,10 @@ Any `<a>` without a submenu will function like a normal link.
 </ul>
 ```
 
+<div class="primary callout">
+  <p>The drilldown menu takes on the height of the tallest menu in the hierarchy, so the menu doesn't change height as the user navigates it.</p>
+</div>
+
 <ul class="menu" data-drilldown style="width: 200px" id="m1">
   <li>
     <a href="#">Item 1</a>
diff --git a/docs/pages/menu.md b/docs/pages/menu.md
index 130603e01..cbd009261 100644
--- a/docs/pages/menu.md
+++ b/docs/pages/menu.md
@@ -66,7 +66,7 @@ To align items in the middle, add a wrapping element with the class `.menu-cente
 </div>
 ```
 
----
+<br>
 
 Items can also be set to expand out and take up an even amount of space, with the `.expanded` class. Thanks to the magic of CSS, the items will automatically size themselves equally depending on how many are inside the menu.
 
-- 
2.47.2