Crear span con icono hamburguesa, ponerle display none, en el media-query cambiar el CSS del nav de inline-block a block. https://www.youtube.com/watch?v=ys2kaK8HgnA
jQuery('document').ready(function($){
var menuBtn = $('.menu-icon'),
menu = $('.navigation ul');
menuBtn.click(function() {
if( menu.hasClass('show')) {
menu.removeClass('show');
} else {
menu.addClass('show')
}
});
});