Widthĭefine how wide you want the menu to be. In the input fields you can declare a font name (case sensitive) of a font you have loaded or the name of a Google Font you have added with the included Webfont Helper stack. Select "Custom / Webfont Helper" to use a custom font. Fontīy default, the menu will inherit whatever font is being used by the RapidWeaver project. Select the horizontal alignment of the menu text. NOTE: When using the "Left" and "Right" options the footer content will display in the center as opposed to below the menu. Select the horizontal position of the menu. "Inline" options will not scroll but instead display wherever you have placed the stack. "Fixed" options will scroll with the page. Select where in the window you want to place the toggle. See full list of usable Ionicons icons CompletionĬontinue adding list items and editing the settings to complete your custom menu. See full list of usable Font Awesome icons To use an icon add the appropriate class names defined just like in the examples below. Ionicons and Font Awesome icons are built-in to the stack. Add List IconĮnable this to define an icon to display next to the title. Add SubtitleĮnable this to define a subtitle. We recommend going no more than 2 or 3 levels deep, unless absolutely necessary. This should be plenty, we've chosen this amount because having more than 5 levels of items is way too confusing for a user. For example, create a third level of list items by placing some Sub Level 2 items directly underneath a Sub Level 1 item. You can create more sub levels by following the same rules. You can create a dropdown menu by placing a new list item directly underneath a Top Level element, and then changing the level to Sub Level 1, like so:ĭoing so will create a dropdown menu with the Sub Level 1 item underneath the preceding Top Level item. By default, added links will be set to "Top Level", meaning the list item will be always be shown. Use this setting to create dropdown menus of multiple levels. Select what level the menu item will appear on. Use this setting to define what text displays in the menu item. It uses stacks link creation window, so you can easily link to a page on your RapidWeaver site, or link to an external site. Here you will find a "set link" button that will allow you to choose where you want the list item to link to. Editing List ItemsĬlick on a list item to edit it's settings. You will see that a new stacks list item has appeared in the Stacks editor, followed by a button for adding additional items to your list. Creating A Custom MenuĮnable "Use Custom List" in the stack's General Settings. Then refer to the Settings section to learn how to customize the appearance. Just drag and drop the stack into the Stacks editor. Setup is a breeze if you want to use the built in RapidWeaver project menu. Style to your hearts content with a wide variety of styling, sizing, and layout options. Use the built in menu, or create your own custom menus. A stunning and fully customizable overlay dropdown menu triggered by a menu toggle.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |