Currently, I am using HTML5up Prologue with the skeljs framework at this link.
In my design, I prefer to keep my menu navigation hidden on the left side, especially in the narrow view (<961pixels). The toggle div should always remain visible. For reference, you can see a similar setup here:
The code for achieving this layout can be found in the init.js file available at this location.
(function($) {
skel.init({
reset: 'full',
breakpoints: {
'global': ... // (Code snippets omitted for brevity)
},
plugins: {
layers: {
sidePanel: { ... }, // (Code snippets omitted for brevity)
sidePanelToggle: { ... } // (Code snippets omitted for brevity)
}
}
});
I have attempted to add more breakpoints in the layers sidePanel/sidepanelToggle definition, but so far, I have been unsuccessful. Could someone please guide me on how to incorporate additional breakpoints in the layer definition correctly? Alternatively, if this approach is incorrect, any suggestions or direction would be greatly appreciated.