HOW TO CHANGE flex-slider SLIDER DIRECTION ON DEVICE WIDTH

SET YOUR CSS ACCORDING TO YOUR DESIGN.

 IN YOUR INDEX PAGE IN THE BOTTOM YOU WILL FIND JAVASCRIPT HOOKUP.

CHANG THAT CODE WITH THIS OR SET YOUR CODE ACCORDING TO YOUR SLIDER NAME OR ID.

CODE

<script type="text/javascript">
    $(function(){
      SyntaxHighlighter.all();
    });
      if ($(window).width() < 769) {
      
     <!-- alert("mobile"); -->
         $(window).load(function(){
      $('.flexslider').flexslider({
        animation: "slide",
        animationLoop: false,
        direction: "horizontal",
        itemWidth: 210,
        itemMargin: 5,
        pausePlay: true,
        start: function(slider){
          $('body').removeClass('loading');
        
        }
      });
    });
   
    }
    else {
        $(window).load(function(){
      $('.flexslider').flexslider({
        animation: "slide",
        animationLoop: false,
        <!-- direction: "horizontal", -->
        itemWidth: 210,
        itemMargin: 5,
        pausePlay: true,
        start: function(slider){
          $('body').removeClass('loading');
        
        }
      });
    });
        <!-- alert("desktop"); -->
}
   
   


  </script>