el div se mueve sin problema por debajo de 768, pero cuando redimensiono por encima no vuelve a su lugar original.
jQuery(document).ready(function($) { $(window).resize(function(){ if ( $(window).width() < 768) { $('#div_block-61-89').detach().prependTo('.offcanvas-inner'); }; }); });
cualquier ayuda por favor
Lo que necesita es almacenar la posición original del elemento antes de moverlo y luego restaurarlo a esa posición si el tamaño de la ventana es inferior a 768
jQuery(document).ready(function($) { $(window).resize(function() { const div = $('#div_block-61-89'); const domPos = div.data("domPos"); if ($(window).width() < 768) { if (!domPos) //store position div.data("domPos", {el: div.next()||div.parent(), func: div.next() ? "before" :"append"}); div.prependTo('.offcanvas-inner'); } else if (domPos) //less than 768 { //restore position domPos.el[domPos.func](div); //remove stored position div.data("domPos", null); } }).trigger("resize");//check resize on startup });