Top & Bottom HTML

You can add top and/or bottom HTML that will alwayst stay there. You can expand columns and if
$(function () { $('#sidebar').w2sidebar({ name : 'sidebar', topHTML : '
Some HTML
', bottomHTML : '
Some HTML
', nodes : [ { id: 'level-1', text: 'Level 1', img: 'icon-folder', expanded: true, group: true, nodes: [ { id: 'level-1-1', text: 'Level 1.1', icon: 'fa-home' }, { id: 'level-1-2', text: 'Level 1.2', icon: 'fa-coffee' }, { id: 'level-1-3', text: 'Level 1.3', icon: 'fa-comment-alt' } ] }, { id: 'level-2', text: 'Level 2', img: 'icon-folder', group: true, nodes: [ { id: 'level-2-1', text: 'Level 2.1', icon: 'fa-star-empty' }, { id: 'level-2-2', text: 'Level 2.2', icon: 'fa-star-empty' }, { id: 'level-2-3', text: 'Level 2.3', icon: 'fa-star-empty' } ] }, { id: 'level-3', text: 'Level 3', img: 'icon-folder', group: true, nodes: [ { id: 'level-3-1', text: 'Level 3.1', icon: 'fa-star-empty' }, { id: 'level-3-2', text: 'Level 3.2', icon: 'fa-star-empty' }, { id: 'level-3-3', text: 'Level 3.3', icon: 'fa-star-empty' } ] } ] }); });