Deprecated: Function seems_utf8 is deprecated since version 6.9.0! Use wp_is_valid_utf8() instead. in /home/dplugins-code/htdocs/code.dplugins.com/wp-includes/functions.php on line 6131

Deprecated: Function seems_utf8 is deprecated since version 6.9.0! Use wp_is_valid_utf8() instead. in /home/dplugins-code/htdocs/code.dplugins.com/wp-includes/functions.php on line 6131
jQuery Breakpoints on load and resize – Code DPlugins

jQuery Breakpoints on load and resize

jQuery(document).ready(function($){
    
   $(window).on('resize', function(){
	   
            if ($(window).width() >= 1000 && $(window).width() <=1400) {
                
                $('#card_2').appendTo('#card-column-1');
                $('#card_3').appendTo('#card-column-1');
                $('#card_4').appendTo('#card-column-2');
                $('#card_5').appendTo('#card-column-2');
                $('#card_6').appendTo('#card-column-2');
    
            }
    
            
            else if($(window).width()> 1400) {
    
                $('#card_2').appendTo('#card-column-2');
                $('#card_3').appendTo('#card-column-2');
                $('#card_4').appendTo('#card-column-3');
                $('#card_5').appendTo('#card-column-3');
                $('#card_6').appendTo('#card-column-3');            
    
            }
            
            
            else if($(window).width()< 1000) {
    
                $('#card_2').appendTo('#card-column-1');
                $('#card_3').appendTo('#card-column-1');
                $('#card_4').appendTo('#card-column-1');
                $('#card_5').appendTo('#card-column-1');
                $('#card_6').appendTo('#card-column-1');            
    
            }
        });
    
    // Invoke the resize event immediately
    }).resize();
                
});
Click to Copy