Owl Carousel missing some styles when the page loads

Question

I am using owl carousel as a slider but sometimes when the page loads the slider is not displayed. Inspect element tells me that the slider it's missing some styles. I have included the styles in the head of my page. I included jquery and then the owl carousel link. I am getting the data for the carousel with AJAX. This is the code


    
     





    $(document).ready(function(){
        $("#testimonial-slider").owlCarousel({
            items:3,
            itemsDesktop:[1000,3],
            itemsDesktopSmall:[980,2],
            itemsTablet:[768,2],
            itemsMobile:[650,1],
            pagination:true,
            navigation:false,
            slideSpeed:1000,
            autoPlay:true
        });
    });

Reynadan · Answer

No style is missing on the code you shared, the problem lies somewhere else

$(document).ready(function(){
  $("#testimonial-slider").owlCarousel({
    items:3,
    itemsDesktop:[1000,3],
    itemsDesktopSmall:[980,2],
    itemsTablet:[768,2],
    itemsMobile:[650,1],
    pagination:true,
    navigation:false,
    slideSpeed:1000,
    autoPlay:true
  });
});



    
     



  
  
     Slide 1
     Slide 2 
     Slide 3

Owl Carousel missing some styles when the page loads

1 Answers