Add note to top bar docs that dropdowns inside a top bar inherit the background color

diff --git a/docs/pages/top-bar.md b/docs/pages/top-bar.md
index c8b0d24b709da0a12fb062a0181822a36039a99c..6e55999da4c4b8370365e674b319e4c281253d1f 100644 (file)
--- a/docs/pages/top-bar.md
+++ b/docs/pages/top-bar.md
@@ -13,7 +13,7 @@ flex: true
 
 A top bar (`.top-bar`) can have two sections: a left-hand section (`.top-bar-left`) and a right-hand section (`.top-bar-right`). On small screens, these sections stack on top of each other.
 
-In the below example, our top bar includes a [dropdown menu](dropdown-menu.html), along with a text input field and action button.
+In the below example, our top bar includes a [dropdown menu](dropdown-menu.html), along with a text input field and action button. The dropdown menu inherits the background color of the top bar. If you're using the Sass version of Foundation, you can change this with the `$topbar-submenu-background` variable.
 
 ```html_example
 <div class="top-bar">