टैबलेट चौड़ाई में स्लाइडर नेविगेशन की स्थिति की समस्या

Question

मैं this website पर काम खत्म कर रहा हूं और स्लाइडर नेविगेशन की स्थिति को अंतिम रूप देने की कोशिश कर रहा हूं; हालांकि, मैं लगभग टैबलेट चौड़ाई स्क्रीन (550px-768px) पर स्थिति को सही करने के लिए संघर्ष कर रहा हूं।

मुझे लगता है कि मेरे मीडिया प्रश्नों और आकार के साथ कुछ बंद है लेकिन मैं अपनी उंगली नहीं डाल सकता कि मैं उस सीमा के बीच स्थिति को क्यों बंद नहीं कर सकता!

यहां a link to the correct behavior है। कोई विचार?

स्लाइडर साइकल 2 का उपयोग करता है, अगर यह मायने रखता है!

नमूना HTML

<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> 

और सीएसएस

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

    .slidercaption { 
    height:250px; 
    } 
} 

Answer 1

मैं कुछ भी उस बिंदु पर स्लाइडर के साथ गलत नहीं देख सकता।

जब मैं किसी वेबसाइट पर स्लाइडर जोड़ता हूं तो ईमानदार होने के लिए, मैं आमतौर पर इसे मोबाइल के लिए बंद कर देता हूं और केवल 1 छवि दृश्यमान (पाठ को तोड़ने के लिए) करता हूं। दृष्टिकोण बहुत छोटा है, लोग स्लाइडर को डेस्कटॉप के विपरीत बदलने के लिए इंतजार नहीं करेंगे जब वे कुछ और पढ़ सकते हैं और इसे बदलते हैं।