Title: Responsive
Last modified: August 21, 2016

---

# Responsive

 *  [mayday](https://wordpress.org/support/users/mayday/)
 * (@mayday)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-32/)
 * This would be a great slider if it worked in responsive design templates. I hope
   the author can make this work.
 * [http://wordpress.org/extend/plugins/ml-post-slider/](http://wordpress.org/extend/plugins/ml-post-slider/)

Viewing 1 replies (of 1 total)

 *  [avi111](https://wordpress.org/support/users/avi111/)
 * (@avi111)
 * [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-32/#post-3660421)
 * here’s my method:
 * 1. create a dynamic sidebar for every device resolution you want
    2. use css 
   property of [@media](https://wordpress.org/support/users/media/) screen. set 
   the wanted slider in “visibility: visible” and the unwanted in “visibility: hidden;”
   3. display the ml post slider in the visible class, and set the width 4. play
   with css “margin” (top/bottom) property to align the slider properly
 * for example:
 *     ```
       <style>
       /* default */
       .resolution_greater_500
       {
       visibility: visible;
       }
   
       .resolution_smaller_500
       {
       visibility: hidden;
       }
   
       /* for devices with resolution under 500px */
       @media screen and (max-width: 500px){
   
       .resolution_greater_500
       {
       visibility: hidden;
       }
   
       .resolution_smaller_500
       {
       visibility: visible;
       }
   
       }
   
       </style>
   
       <div class="align_slider">
       <div class="resolution_greater_500">
       <?php if ( !function_exists('dynamic_sidebar')
       || !dynamic_sidebar('sidebar1') ) : ?>
       <?php endif; ?>
       </div>
   
       <div class="resolution_smaller_500">
       <?php if ( !function_exists('dynamic_sidebar')
       || !dynamic_sidebar('sidebar2') ) : ?>
       <?php endif; ?>
       </div>
   
       </div>
       ```
   
 * the align_slider class is depended on your choice to the slider height

Viewing 1 replies (of 1 total)

The topic ‘Responsive’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/ml-post-slider.svg)
 * [ML Post Slider](https://wordpress.org/plugins/ml-post-slider/)
 * [Support Threads](https://wordpress.org/support/plugin/ml-post-slider/)
 * [Active Topics](https://wordpress.org/support/plugin/ml-post-slider/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ml-post-slider/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ml-post-slider/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [avi111](https://wordpress.org/support/users/avi111/)
 * Last activity: [13 years, 1 month ago](https://wordpress.org/support/topic/responsive-32/#post-3660421)
 * Status: not resolved