Guardando il codice, ho visto che il menu viene mostrato/nascosto spostandolo a destra o sinistra in modo da farlo entrare o uscire dallo schermo.
In particolare, all'inizio viene applicata, mediante media query, la classe:
.row-offcanvas-right .sidebar-offcanvas {
right: -50%;
}
che lo nasconde. In seguito il codice js contenuto in offcanvas.js:
$(document).ready(function () {
$('[data-toggle="offcanvas"]').click(function () {
$('.row-offcanvas').toggleClass('active')
});
});
aggiunge o toglie la classe active:
.row-offcanvas-right.active {
right: 50%; /* 6 columns */
}
che sposta dentro o fuori dal riquadro il menu quando l'utente clicca sul pulsante.
La soluzione è quindi aggiungere in coda alle classi applicate alla sidebar la classe active. In questo modo sovrascriverà sidebar-offcanvas rendendo visibile il menu quando si restringe lo schermo, e il menu potrà comunque essere nascosto col pulsante.
ciao