• Hi when I use the Elementor widget The Post List, I’ve got severe design issues and all the cards result “collapsed” on the right of the page with no margins, paddings etc… no way to fix that with tweaking options or via CSS.

    this is how it looks

    and this is how it supposed to be (it happen when I resize the browser window’s)

    Is there a way to fix that?

    Thanks in advance

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Thread Starter 10k-design

    (@10k-design)

    add this script in an HTML widget before The Post List will fix the problem for me, the problem seems to be in the Packary script

    <script>
    document.addEventListener('DOMContentLoaded', function() {
    // Attendi che Elementor abbia finito di caricare la sezione
    window.addEventListener('elementor/frontend/init', function() {
    // Aspetta un attimo per sicurezza che tutti gli elementi siano resi
    setTimeout(function() {
    var grid = document.querySelector('.works-grid-container.layout-packery');
    if (grid && typeof jQuery !== 'undefined') {
    // Cerca una funzione di Packery o Isotope
    if (jQuery(grid).data('packery')) {
    jQuery(grid).packery('layout');
    console.log('Packery relayout for .works-grid-container triggered via Elementor init.');
    } else if (jQuery(grid).data('isotope')) {
    jQuery(grid).isotope('layout');
    console.log('Isotope relayout for .works-grid-container triggered via Elementor init.');
    } else {
    console.warn('Packery or Isotope instance not found on .works-grid-container.');
    }
    } else if (grid) {
    // Fallback: prova un evento generico o un setTimeout più lungo se jQuery non è definito
    console.warn('jQuery not available or grid not found, trying generic relayout after a delay.');
    setTimeout(function() {
    // Potresti aver bisogno di una funzione specifica del tema/plugin per il relayout
    // o di chiamare Packery direttamente se è globale.
    // Questo è più complesso senza accesso alla codebase del plugin.
    }, 500); // Prova con un piccolo ritardo
    }
    }, 300); // Piccolo ritardo per assicurarsi che tutti gli elementi siano nel DOM
    });
    });
    </script>
Viewing 1 replies (of 1 total)

The topic ‘The Post List Elementor widget create layout problems’ is closed to new replies.