In this chapter, we will utilize the jQuery simple-sidebar plugin to achieve a mobile menu that appears as a sidebar. The plugin is The plugin website can be accessed via https://simple-sidebar.github.io/simpler-sidebar/.
To make things easier, we will use GitCDN for this plugin's files.
To get ready, look at the setup instructions. These instructions are available at the official website for the plugin.
- Since we are showcasing a different navbar, we need to change the structure of our project a bit. First, we will alter the
_data.jsonfile inside theappfolder. Specifically, we need to alter the entry that starts withrecipe06-09, beginning on line 29:
// below code starts at line 29 of _data.json:
"recipe06-09": {
"title": "Recipe 06-09: Navigate Easily with a Custom Offcanvas Navbar",
"layout": "_layout06-09" // newly added line - specifies an alternate layout for this page only
},- Now we can add the layout...