Skip to content

Instantly share code, notes, and snippets.

@bradpotter
bradpotter / mobilemenu-resize.js
Last active December 20, 2015 20:28
jQuery script for Mobile Navigation Menu
jQuery(document).ready(function($) {
$("#menu-mobile-navigation").before('<div id="mobile-menu-icon"></div>');
$("#mobile-menu-icon").click(function() {
$(".menu-mobile").slideToggle();
});
$(window).resize(function(){
if(window.innerWidth > 768) {
$(".menu-mobile").removeAttr("style");
}
/*
Base properties for Mobile Navigation Menu
---------------------------------------------------------------------------------------------------- */
.nav-mobile {
background-color: #333;
display: none;
}
@bradpotter
bradpotter / mobilenav-optional.css
Last active December 20, 2015 20:29
Add display: block; to .nav-mobile in media query
/* Mobile Navigation Menu misc properties */
.nav-mobile {
clear: both;
display: block;
z-index: 9999;
}
@bradpotter
bradpotter / Enqueue Backstretch
Created August 9, 2013 18:57
Enqueue Backstretch Scripts
//* Load Backstretch script and prepare images for loading
add_action( 'wp_enqueue_scripts', 'sixteen_nine_enqueue_scripts' );
function sixteen_nine_enqueue_scripts() {
wp_enqueue_script( 'sixteen-nine-responsive-menu', get_bloginfo( 'stylesheet_directory' ) . '/js/responsive-menu.js', array( 'jquery' ), '1.0.0' );
wp_enqueue_script( 'sixteen-nine-backstretch', get_bloginfo( 'stylesheet_directory' ) . '/js/backstretch.js', array( 'jquery' ), '1.0.0' );
wp_enqueue_script( 'sixteen-nine-backstretch-set', get_bloginfo('stylesheet_directory').'/js/backstretch-set.js' , array( 'jquery', 'sixteen-nine-backstretch' ), '1.0.0' );
}
@bradpotter
bradpotter / backstretch-set.js
Created August 9, 2013 18:58
Backstretch Slideshow
jQuery(document).ready(function($) {
$("body").backstretch([
"http://bradpotter.com/themes/sixteen-nine/wp-content/uploads/glacier.jpg",
"http://bradpotter.com/themes/sixteen-nine/wp-content/uploads/flowers.jpg",
"http://bradpotter.com/themes/sixteen-nine/wp-content/uploads/mountains.jpg",
"http://bradpotter.com/themes/sixteen-nine/wp-content/uploads/bear.jpg"
],{duration:4000,fade:1500});
});
@bradpotter
bradpotter / primarynav.css
Created August 10, 2013 21:49
Media Query CSS for Primary Navigation
/* Primary Navigation Menu Icon properties */
#primary-menu-icon {
border-bottom: 1px solid #ddd;
cursor: pointer;
display: block;
padding: 24px 24px;
padding: 2.4rem 2.4rem;
text-align: center;
}
@bradpotter
bradpotter / primarymenu.js
Created August 10, 2013 23:57
jQuery script for Primary Navigation Menu
jQuery(document).ready(function($) {
$("#menu-primary-navigation").before('<div id="primary-menu-icon"></div>');
$("#primary-menu-icon").click(function() {
$(".menu-primary").slideToggle();
});
$(window).resize(function(){
if(window.innerWidth > 768) {
$(".menu-primary").removeAttr("style");
}
@bradpotter
bradpotter / functions.php
Last active December 20, 2015 22:09
Enqueue Primary Menu Script
/**
* Register and Enqueue Primary Navigation Menu Script
*
* @author Brad Potter
*
* @link http://www.bradpotter.com
*/
function gst_primarymenu_script() {
wp_register_script( 'primary-menu', get_stylesheet_directory_uri() . '/js/primarymenu.js', array('jquery'), '1.0.0', false );
@bradpotter
bradpotter / functions.php
Last active December 20, 2015 22:09
Enqueue Secondary Menu Script
/**
* Register and Enqueue Secondary Navigation Menu Script
*
* @author Brad Potter
*
* @link http://www.bradpotter.com
*/
function gst_secondarymenu_script() {
wp_register_script( 'secondary-menu', get_stylesheet_directory_uri() . '/js/secondarymenu.js', array('jquery'), '1.0.0', false );
@bradpotter
bradpotter / secondarymenu.js
Created August 11, 2013 01:07
jQuery script for Secondary Navigation Menu
jQuery(document).ready(function($) {
$("#menu-secondary-navigation").before('<div id="secondary-menu-icon"></div>');
$("#secondary-menu-icon").click(function() {
$(".menu-secondary").slideToggle();
});
$(window).resize(function(){
if(window.innerWidth > 768) {
$(".menu-secondary").removeAttr("style");
}