javascript - How to remove blank slide on different devices on flexslider? -


i have created responsive slider using flexslider ipad , iphone. slider have different content on 2 device. let have 1 slide on ipad , 2 slides on iphone. blank slides on ipad, automatically. there magical way remove blank slide on ipad?

my css:

iphone-only{display:none !important;} ipad-only{display:none !important;} @media (max-width: 320px){ iphone-only{ display:block !important} } @media (min-width:768px) , (max-width:1024px){ ipad-only{ display:block !important} } 

my html:

 <div class="flexslider">       <ul class="slides">          <li> <div class"ipad-only"> ipad slide 1 </div> <div class"iphone-only> iphoneslide1 </div </li>          <li> <div class"iphone-only"> iphone slide 2 </div>  </li>       </ul>  </div> 


Comments

Popular posts from this blog

mysql - Dreamhost PyCharm Django Python 3 Launching a Site -

java - Sending SMS with SMSLib and Web Services -

java - How to resolve The method toString() in the type Object is not applicable for the arguments (InputStream) -