Este exemplo mostra o menu encolhido (modo smart phone) na tela menor ou igual a 480px de largura.
O menu ficará encima quando a tela for maior do que 480px e menor ou igual a 767px. de largura.
Na tela maior, o menu ficará a esquerda.
Mude a largura da janela do teu navegador para testar.