Mobile menu

Is there a way to hide the main menu when the screen is full size for a computer but then display it when its in mobile mode?

Like this in full screen

and this in mobile

Thanks!

Hi

Try this custom css in theme panel > custom css:

@media (min-width: 767px){
.td-header-menu-wrap {
display:none;
}
}
@media (min-width: 767px){
.td-container{
border-top: 1px solid #e6e6e6;
}
}

The result should be like here: http://screencast.com/t/qa0kgMLfo

Let me know how it goes.

Thanks!