Js Auto Reponsive media screen

 function initializeFlickity() {
        if ($(window).width() < 850) {
            $('.announcement-bar .grid, .trust_icon_custom .wrapper').flickity({
                imagesLoaded: true,
                groupCells: false,
                dragThreshold: 5,
                cellAlign: 'center',
                wrapAround: true,
                prevNextButtons: false,
                percentPosition: true,
                pageDots: false,
                rightToLeft: false,
                autoPlay: false
            });
            $('.individuell_sec .wrapper').flickity({
                imagesLoaded: true,
                groupCells: false,
                dragThreshold: 5,
                cellAlign: 'center',
                wrapAround: true,
                prevNextButtons: false,
                percentPosition: true,
                pageDots: true,
                rightToLeft: false,
                autoPlay: false
            });
            $('.weitere_textilien_sec .multicolumn-list').flickity({
                imagesLoaded: true,
                groupCells: false,
                dragThreshold: 5,
                cellAlign: 'center',
                wrapAround: true,
                prevNextButtons: false,
                percentPosition: true,
                pageDots: true,
                rightToLeft: false,
                autoPlay: false
            });
        } else {
            // Destroy Flickity if the screen width is >= 850
            $('.announcement-bar .grid, .trust_icon_custom .wrapper').flickity('destroy');
            $('.individuell_sec .wrapper').flickity('destroy');
            $('.weitere_textilien_sec .multicolumn-list').flickity('destroy');
        }
    }

    // Initialize Flickity on page load
    initializeFlickity();

    // Reinitialize Flickity on window resize
    $(window).resize(function () {
        initializeFlickity();
    });

Leave a Reply

Your email address will not be published. Required fields are marked *