https://www.englishyarns.co.uk/banner/mobile.js

1var showSidebar = function() {
2	$('body').removeClass("active-nav").toggleClass("active-sidebar");
3	$('.menu-button').removeClass("active-button");					
4	$('.sidebar-button').toggleClass("active-button");
5}
6
7var showMenu = function() {
8	$('body').removeClass("active-sidebar").toggleClass("active-nav");
9	$('.sidebar-button').removeClass("active-button");				
10	$('.menu-button').toggleClass("active-button");	
11}
12
13// add/remove classes everytime the window resize event fires
14jQuery(window).resize(function(){
15	var off_canvas_nav_display = $('.off-canvas-navigation').css('display');
16	var menu_button_display = $('.menu-button').css('display');
17	if (off_canvas_nav_display === 'block') {			
18		$("body").removeClass("three-column").addClass("small-screen");				
19	} 
20	if (off_canvas_nav_display === 'none') {
21		$("body").removeClass("active-sidebar active-nav small-screen")
22			.addClass("three-column");			
23	}	
24	
25});	
26
27jQuery(document).ready(function($) {
28		// Toggle for nav menu
29		$('.menu-button').click(function(e) {
30			e.preventDefault();
31			showMenu();							
32		});	
33		// Toggle for sidebar
34		$('.sidebar-button').click(function(e) {
35			e.preventDefault();
36			showSidebar();									
37		});							
38});