MERHABALAR

sürüm 2.3.x kullanıyorum, kategorilerde herhangi bir sorun yaşamıyorum mobil olarak yani



kategorilerde mobilde 2 tane görülüyor

ama ana sayfada aynı işlemi yaptığımda burdaki ayarlar sola kaydırmalı şekilde ilerliyor ve şu şekilde görünüyor.



yan tarafı boş kalıyor kodlarımda bunlar,

<div><h2><span><?php echo $heading_title; ?></span></h2></div>
 <div class="animation-element bounce-up margins">
<div  style="background:none;" id="featured" class="row slideshow owl-carousel">
  <?php foreach ($products as $product) { ?>
  
  <div     class="leftrightx col-lg-12 col-md-12 col-sm-12 col-xs-12">
  <div class="product-layout">
    <div style="margin-top:0px;"class="product-thumb transition">
	<?php  if ($product['quantity']<=0) { ?>  
	<div class="miktar"></div>
	 <?php } ?>
	 
      <div class="image"><a href="<?php echo $product['href']; ?>"><img style="display: inline;" class="img-responsive lazy" src="image/catalog/loading.gif" data-original="<?php echo $product['thumb']; ?>" alt="<?php echo $product['name']; ?>" title="<?php echo $product['name']; ?>"  /></a>
     <?php  if ($product['special']) { ?>  
                  <div  class="discount">İndirim
                  <?php 
                  $string = $product['price'];
                  $string1 = $product['special'];
$int_price = substr(intval(preg_replace('/[^0-9]+/', '', $string), 10),0,-2);
$int_sprice = substr(intval(preg_replace('/[^0-9]+/', '', $string1), 10),0,-2);
					echo "%" . round(($int_price-$int_sprice)/$int_price*100) ;
                  ?> 
                  </div>
                  <?php } ?>
       <div class="button-group">
		<button type="button" data-toggle="tooltip" title="<?php echo $button_cart; ?>" onclick="cart.add('<?php echo $product['product_id']; ?>');"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $button_cart; ?></span></button>
      
	    
			<button data-toggle="tooltip" title="İncele" type="button" onclick="window.open('<?php echo $product['href']; ?>', '_self') "><i class="fa fa-search-plus"></i> İNCELE</button>
	  
	  </div>
	  
        </div>
        
		<div class="caption text-center">
		
		<h4><a href="<?php echo $product['href']; ?>"><?php echo $product['name']; ?></a></h4>
		<div class="rating">
				  <?php for ($i = 1; $i <= 5; $i++) { ?>
				  <?php if ($product['rating'] < $i) { ?>
				   <span class="fa fa-stack"><i class="fa fa-star off fa-stack-2x"></i></span>
				  <?php } else { ?>
				  <span class="fa fa-stack"><i class="fa fa-star fa-stack-2x"></i></span>
				  <?php } ?>
				  <?php } ?>
				</div>
        <?php if ($product['price']) { ?>
        <p class="price">
          <?php if (!$product['special']) { ?>
          <span class="price-new"><?php echo $product['price']; ?></span>
          <?php } else { ?>
         <span class="price-old"><?php echo $product['price']; ?></span> <span class="price-new"><?php echo $product['special']; ?></span> 
          <?php } ?>
           
        </p>
        <?php } ?>
		
	 
		  </div>
    </div>
  </div>
  
  
  </div>
  <?php } ?>
</div>
  

</div>
<script type="text/javascript"><!--
$('#featured').owlCarousel({
	items: 5,
	autoPlay: false,
	navigation: true,
	navigationText: ['<i class="fa fa-chevron-left fa-5x"></i>', '<i class="fa fa-chevron-right fa-5x"></i>'],
	pagination: false
});
--></script>

güncel