Hi Praba,

You need to add more product categories. They will be added to slider and make it full. Please note that it does not show the empty categories which do not have any product. Also, please make sure that you set the Number of product categories option in Theme Options > Header tab to 8 or bigger.

If you need more help, don't hesitate to let me know!

Best regards,

Hi Praba,

You can add the custom javascript below into Theme Options > Custom CSS/JS tab > Custom Javascript Code field

function ts_header_product_categories_slider(){
    var wrapper = jQuery('.ts-header .header-product-categories');
    if( wrapper.length == 0 || wrapper.find('.item').length == 0 ){
        return;
    }
    wrapper.owlCarousel({
        loop : true
        ,nav : true
        ,navText : [,]
        ,dots : false
        ,navSpeed : 1000
        ,rtl: jQuery('body').hasClass('rtl')
        ,margin: 20
        ,stagePadding: 9
        ,navRewind: false
        ,autoplay: true
        ,autoplayHoverPause: true
        ,autoplaySpeed: 1000
        ,responsiveBaseElement: wrapper
        ,responsiveRefreshRate: 1000
        ,responsive:{
            0:{
                items : 1
            },
            320:{
                items : 2
            },
            420:{
                items : 3
            },
            640:{
                items : 4
            },
            767:{
                items : 5
            },
            992:{
                items : 6
            }
        }
        ,onInitialized: function(){
            setTimeout(function(){
                wrapper.addClass('loaded').removeClass('loading');
            }, 10);
        }
    });
}

Please clear your cache after adding my code.

Best regards,