From 695a6d828cc44e6120c3a02958bd968b97391d87 Mon Sep 17 00:00:00 2001 From: harry Date: Sun, 21 May 2017 19:07:44 +0530 Subject: [PATCH] More docs update! --- docs/pages/top-bar.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/pages/top-bar.md b/docs/pages/top-bar.md index 925bf8784..d0592e773 100644 --- a/docs/pages/top-bar.md +++ b/docs/pages/top-bar.md @@ -54,7 +54,7 @@ In the below example, our top bar includes a [dropdown menu](dropdown-menu.html) ## Advanced Layout -

To set up a Responsive menu with toggle, first give your menu a unique ID. Next, add a title bar with the class .title-bar and the attribute data-responsive-toggle. The value of data-responsive-toggle should be the ID of the menu you're toggling. Lastly, add data-toggle to the element that will trigger the toggle. The value of data-toggle should also be the ID of the menu you're toggling.

+

To set up a Responsive menu with toggle click trigger on mobile, first give your menu a unique ID. Next, add a title bar with the class .title-bar and the attribute data-responsive-toggle. The value of data-responsive-toggle should be the ID of the menu you're toggling. Lastly, add data-toggle to the element that will trigger the toggle. The value of data-toggle should also be the ID of the menu you're toggling.

By default, the title bar will be visible on small screens, and the Menu hides. At the medium breakpoint, the title bar disappears, and the menu is always visible. This breakpoint can be changed with the data-hide-for attribute in HTML, or the hideFor setting in JavaScript.

-- 2.47.2