Estoy escribiendo este mensaje porque necesito saber cómo configurar un div hecho de 3 botones que, en el momento en que la ventana del navegador se reduce y ya no está en pantalla completa, se convierte en un menú emergente visible a través de las tres líneas convencionales.
Puede definir @media en su css.
Se ha establecido un ejemplo aquí: https://jsfiddle.net/jfgm9r2v/8/
El código html es así:
<div class="hideOnSmall"> <button>Text1</button> <button>Text2</button> <button>Text3</button> </div> <div class="displayOnSmall"> <div class="hamburger-box"> <button>MyHambuger</button> </div>La magia sucede en el css:
.hideOnSmall { display: block; } .displayOnSmall { display: none; } @media only screen and (max-width: 768px) { .displayOnSmall { display: block; } .hideOnSmall { display: none; } }