Transcript

00:09 so the r:w menu stack allows us to
00:12 dynamically build the menu based on our
00:15 page structure in our project so if we
00:19 look inside this project and we look at
00:20 our side my sidebar over here we'll see
00:22 that I have a lot of pages and while
00:25 these pages are necessarily greatly
00:27 named this is just a test project um
00:30 this is exactly what will be based off
00:32 what what is built inside the wrap
00:34 weaver menu now if you look in the page
00:37 inspector for rapidweaver
00:39 you'll notice that in the general
00:40 settings there's this checkbox for show
00:42 in navigation if that checkbox is
00:45 checked which it is by default that page
00:48 will show inside the navigation if you
00:51 don't want to display a page in the
00:52 navigation you simply have to uncheck it
00:55 so inside of the wrapper for a menu
00:58 stack we can actually define what level
01:00 of navigation we want to display by
01:03 default this shows only the top
01:04 navigation that means the top level
01:07 pages that are inside your page builder
01:10 that is what will be displayed inside of
01:13 your navigation if you want all pages to
01:15 be displayed you display full navigation
01:18 and that will display up to four levels
01:21 I believe I'm inside your pages so you
01:24 could have four levels deep I think
01:26 that's pretty crazy I don't reckon esses
01:28 airily recommend that but you can do
01:30 that and next is the last option is
01:33 current sub navigation and what this
01:36 does is if you have a menu stack that is
01:39 a part of a sub page only the sibling
01:43 stacks for that will be displayed for
01:46 example if I'm on this page sub 3 okay
01:50 and I put in the wrap wavern menu stack
01:53 set to current sub nav my navigation
01:55 will only show sub menu menu 2 and menu
01:59 3 so it's preview this will see that
02:01 here because I'm on the page sub 3 it
02:04 only displays the sub navigation that
02:07 I'm currently within
02:09 while we're here just just quickly flip
02:11 through everything so if I go full
02:12 navigation we'll see that I get all of
02:15 the pages um if I do top navigation I
02:18 only get the top map now foundation six
02:22 has multiple different styles of menu
02:24 the default is just a simple static menu
02:27 that has zero animation we then have
02:30 vertical drop down a drop down vertical
02:33 a drill down and accordion let's just
02:36 quickly flip through these various
02:38 styles as you see this is just a generic
02:41 top-level navigation of just a menu so
02:44 it's just basically like a list of links
02:46 but I wanted to show you actually what
02:49 happens if we use a menu just a plain
02:52 vanila menu with the full navigation
02:55 what we get is the full navigation right
02:59 it's just a static if this part isn't
03:03 the best view you probably wouldn't want
03:04 to use a menu with full navigation
03:06 however if we used menu vertical that
03:09 could make sense because if you notice
03:11 here in a vertical menu this could look
03:14 good in a sidebar and basically what
03:16 happens is all sub pages are indented so
03:18 this actually kind of looks great now
03:21 here we have a drop-down menu and we've
03:24 hit our first gotcha
03:25 with drop-down menus little notice that
03:27 sometimes they could get cut off and one
03:29 of the symptoms of that is I have this
03:32 in a container stack and by default a
03:34 container has overflow set to hidden
03:36 really simply we're just going to go
03:38 ahead and set that to be visible and if
03:40 we preview will see that our menu is now
03:42 functioned properly so this is a
03:44 drop-down stack a drop-down menu now
03:48 vertical drop-down menus probably look
03:50 better in a more restrictive environment
03:52 so I'm going to go ahead and pretend
03:55 like we have a two column layout and I'm
03:57 going to set my one column to be three
03:58 columns wide
04:01 and if we do that you'll see that this
04:03 is what a vertical drop-down would look
04:04 like
04:07 our next option is a drill-down menu and
04:10 this is a very popular menu to be shown
04:12 on mobile devices and this is because
04:15 when you click on the link it basically
04:16 creates this dynamic menu and I think
04:19 this looks better in either an more
04:20 narrow
04:21 container or on mobile as a mobile menu
04:25 and our last option is an accordion menu
04:28 and this is kind of like similar to the
04:30 vertical the plain vanila vertical menu
04:32 what allows us to expand and contract
04:35 the each individual submenu sections
04:40 now you'll notice that we have the
04:41 ability to style the active menu when
04:44 this is checked the current active page
04:47 will be styled so here we have the
04:49 current active page which is the
04:51 homepage will actually be styled
04:53 differently than the other ones and
04:55 lastly we have a bunch of horizontal
04:58 alignment options so you can Center your
05:00 menu you can align it to the right um
05:02 you can justify or space it these are
05:05 very similar options that we have in the
05:07 alignment and spacing for columns same
05:11 thing for vertical alignment a vertical
05:13 alignment is useful if you have page
05:15 aims that maybe are long and they tend
05:17 to wrap onto two lines on this vertical
05:20 alignment could come in handy and those
05:22 in those times then also we have the
05:24 attacks alignment ability so do we want
05:26 to align the text left which is the
05:27 default or you can Center that text
05:29 within the individual menu items
05:32 and last but not least is the visibility
05:35 stack and this allows us to define
05:38 whether or not we're gonna use this menu
05:40 on mobile or tablet or desktop right so
05:43 small medium and large devices a lot of
05:46 times you know drill down is a great
05:48 menu on mobile but it's not necessarily
05:50 the best menu for desktop right so for
05:54 larger screen devices so maybe you want
05:56 to display a drill down on mobile on
06:00 small devices yet on tablet and desktop
06:03 you maybe you want to use a drop-down or
06:05 a normal default menu stack something of
06:07 that nature
06:08 now before we in this video I just want
06:10 to say that while the wrap of our menu
06:12 stack is very convenient because it uses
06:14 your pages your page builder as the menu
06:18 that is convenient but we do lose a lot
06:21 of flexibility um check out our other
06:23 videos we have specific menu stacks for
06:26 each style that we showed you and in
06:29 those individual stacks you have a lot
06:32 more flexibility than what we have with
06:34 the rapidweaver menu the reason is the
06:37 revenue per menu stack tries to be
06:38 everything and when you try to be
06:40 everything you can't do everything so um
06:43 the more individual niche stacks for
06:45 each menu type we'll have more granular
06:48 and detailed settings for if you want to
06:50 tweak the menus behavior
07:01 you"}]