Fiz um menu que só é off canvas
quando a tela é menor que 768px
, caso contrario ele aparece por default na pagina Isso funciona perfeitamente. O problema é que se eu ativar o menu e depois der resize no browser o menu vai parar no meio da página, não sei como resolver. O link da hospedagem é esse http://gioseffi.esy.es/Views/ estou usando a pseudo classe :checked
do css
pra poder ativar e desativar o menu, se tiverem alguma solução melhor, estou aberto a opiniões, grato ;)
Media para o menu ficar fora da tela:
@media screen and (max-width: 768px) {
.barra {
left: -300px;
position: fixed !important;
}