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
Post a Comment