Tablet genişliklerinde kaydırıcı gezinme konumlandırma sorunları

Question

this website numaralı çalışmayı bitiriyorum ve kaydırma çubuğunun konumlandırmasını sonlandırmaya çalışıyorum; Ancak, yaklaşık tablet genişlikli ekranlarda (550px-768px) konumu düzeltmek için uğraşıyorum.

Medya sorgularımda ve boyutlandırmayla bir şeylerin kapalı olduğunu düşünüyorum, ancak parmağımı neden bu aralıkta kilitleyemediğime parmağımı koyamıyorum!

İşte a link to the correct behavior. Herhangi bir fikir?

Kaydırıcı, önemliyse Döngü2'yi kullanır!

Numune

<div id="slider" class="cycle-slideshow" data-cycle-pager="#adv-custom-pager" data-cycle-slides="> div" data-cycle-timeout="7000"> 

<div class="singleSlide"> 
<!-- content goes in here --> 
</div> 

<div id="sliderNav"> 

<div id="adv-custom-pager"> 
    <span class=""></span> 
    <span class=""></span> 
    <span class=""></span> 
</div> 

</div> 

HTML Ve bu noktada kaydırıcı ile yanlış bir şey göremiyorum

@media screen and (max-width: 768px) and (min-width: 550px) { 
    #sliderNav { 
    bottom:145px; 
    } 

    .slidercaption { 
    height:250px; 
    } 
} 

Answer 1

CSS.

Bir web sitesine bir kaydırıcı eklediğimde dürüst olmak gerekirse genellikle cep telefonları için kapatıyorum ve yalnızca 1 resmim var (metni kırmak için). Bakış açısı o kadar küçük ki, insanlar başka bir şey okuyabildiğinde ve değiştiğini fark ettikleri zaman masaüstünden farklı olarak kaydırıcıyı izlemeyi beklemeyecekler.