WordPress.org

Forums

ML Post Slider
Responsive (2 posts)

  1. mayday
    Member
    Posted 2 years ago #

    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/

  2. avi111
    Member
    Posted 2 years ago #

    here's my method:

    1. create a dynamic sidebar for every device resolution you want
    2. use css property of @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

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • ML Post Slider
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.