Skip to content

Instantly share code, notes, and snippets.

@kavithshetty
kavithshetty / media-query.css
Created August 12, 2019 07:19 — forked from gokulkrishh/media-query.css
CSS Media Queries for Desktop, Tablet, Mobile.
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
@media (min-width: 1281px) {
//CSS
@kavithshetty
kavithshetty / Woocommerce Add Quantity
Last active July 1, 2019 17:26
Woocommerce Add Quantity- Plus and Minus Button for adding quantity to Cart/Product in Woocommerce
// Add this to your theme's functions.php
function jh_add_script_to_footer(){
if( ! is_admin() ) { ?>
<script>
jQuery(document).ready(function($){
$(document).on('click', '.plus', function(e) { // replace '.quantity' with document (without single quote)
$input = $(this).prev('input.qty');
@kavithshetty
kavithshetty / css-media-queries-cheat-sheet.css
Created June 27, 2019 08:02 — forked from bartholomej/css-media-queries-cheat-sheet.css
CSS Media Query Cheat Sheet (with Foundation)
/*------------------------------------------
Responsive Grid Media Queries - 1280, 1024, 768, 480
1280-1024 - desktop (default grid)
1024-768 - tablet landscape
768-480 - tablet
480-less - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) { }
@media all and (min-width: 768px) and (max-width: 1024px) { }