![]() ![]() Add/edit the links to your menu if necessary.Notice in this example, menu Item 3 has a depth of 3, while menu Item 1 has a depth of 2. Review the structure of the main navigation menu.Click Structure > Menus > Main navigation.Click Configuration > Development > Performance.Ad swipe gestures (for cell phones and tablets).this option is not required when working with Bartik (for example), but you will need to click this checkbox if you’re working with a Bootstrap based theme. Add the off-canvas menu on the admin theme (leave unchecked).you can apply your own styles if you uncheck this option. Uncheck this option, since we want our off-canvas menu to apply to all screen sizes. The type of wrapper which will contain the menu block.You’ll see the machine name next to the title. To find out the machine name of the main navigation menu, for example, click Structure > Menus > Main Navigation. The machine name of the menu which will be rendered in the off-canvas menu.The number of levels (depth) of the menu.The menu that will be rendered by the module. ![]() You’ll be presented with following configuration options:.Click Configuration > User interface > Responsive menu.You should have the following directory structure now: Unzip and rename the / libraries folder.Download the required libraries by clicking these links: Download the dependencies to the /libraries folder inside your root folder (if you don’t have the /libraries folder yet, create it manually).Use your preferred method to download the module.In this tutorial, you will learn how to hide the default Drupal main menu and use an off-canvas menu instead. They also provide the Superfish functionality when your site visitor hovers over the menu items. They include the functionality of swipe gestures to open and close the menu on mobile screens. ![]() This module relies on a couple of dependency libraries. In this tutorial, you will learn how to create and configure an off-canvas menu with the “ Responsive and off canvas menu” Drupal 8 module. It is rapidly becoming a web design industry standard for any website. An off-canvas menu is the best way to offer a pleasant experience to those visiting your site from mobile devices. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |