Convert main menu into burger layout

Hi
is there a quick way i can convert the main menu on desktop layout into a burger style menu?
Thanks in advance.

Hi,

Please try this:

  1. Install this javascript plugin
  2. Put this code snippet to the provided field on the plugin:
jQuery('.btn-menu').show();
jQuery('.mainnav').attr('id', 'mainnav-mobi').hide();

jQuery(window).resize(function(){	
    if(jQuery(window).width() > 1200){
	  jQuery('.btn-menu').show();
	  jQuery('.mainnav').attr('id', 'mainnav-mobi').hide();
    }
})

Regards,
Awan

Thank you so much Awan. That worked perfectly.
One more thing. If i wanted to add the word “Menu” just before the three burger lines, where would i do this?

Hi,

Please try to add this CSS code to Customize > additional CSS

.btn-menu{
	width: 120px;
}
.btn-menu:before{
	float: right;
}
.btn-menu:after {
	content: 'MENU';
}