Sidr in WordPress

sidr-init-content.js

jQuery(document).ready(function($) {
  $('#nav-toggle').sidr({
  	name: 'sidr-right',
    side: 'right',
    source: '#menu-short, .search-form, .site-title'
	});
});

sidr-init.js

jQuery(document).ready(function($) {
  $('#nav-toggle').sidr({
    name: 'sidr-right', //name it
    side: 'right', //position it
    source: '' //add the content

	});
});

sidr-left-and-right.js

jQuery(document).ready(function($) {
  $('#nav-toggle').sidr({
  	name: 'sidr-right',
    side: 'right',
    source: '#menu-short, .search-form, .site-title'
	});
  $('#nav-toggle-left').sidr({
  	name: 'sidr-left',
    side: 'left',
    source: ''
	});
});

sidr-scripts.php

<?php

//Script-tac-ulous -> All the Sidr JS and CSS files
function themeprefix_scripts_styles_sidr() {
	wp_enqueue_script ( 'sidrjs' , get_stylesheet_directory_uri() . '/js/jquery.sidr.min.js', array( 'jquery' ), '1', true );
	wp_enqueue_script ( 'sidrinit' , get_stylesheet_directory_uri() . '/js/sidr-init.js', array( 'sidrjs' ), '1', true );

	wp_enqueue_style ( 'sidrcss-dark' , get_stylesheet_directory_uri() . '/css/jquery.sidr.dark.css', '', '1', 'all' );
	//wp_enqueue_style ( 'sidrcss-light' , get_stylesheet_directory_uri() . '/css/jquery.sidr.light.css', '', '1', 'all' );

}
add_action( 'wp_enqueue_scripts', 'themeprefix_scripts_styles_sidr' ); 

sidr-toggle-html.html

<div id="mobile-icon">
<a id="nav-toggle"  href="#sidr">MENU</a>
</div>

sidr.css

#mobile-icon {
    display: none;
}

@media only screen and (max-width: 800px){/*change to desired width*/
    #mobile-icon {
        display: block;
    }
}