Support » Plugin: Easing Slider » slider not responsive

  • Resolved susantau

    (@susantau)


    I have placed the slider at the top of my Home page content inside of a div that has been assigned these styles:

    {       float:right;
    	width:37.5em;
    	height:25.1875em;
    	margin-left:1.5em;
    	}

    it looks fab in large displays where the full size appears, but as the display size is reduced, the slider does not respond and never gets smaller.

    I am creating a child theme based on twentytwelve.

    I believe your slider is responsive, so what am i doing wrong? 🙂

    Thank you,
    Susan

    https://wordpress.org/plugins/easing-slider/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter susantau

    (@susantau)

    p.s. the reason i specified width and height is that the float would not work if i did not do so.
    p.p.s. my website in progress is here: http://cubatourswithjorge.com/july2014wp/

    Thread Starter susantau

    (@susantau)

    OK, I might have this figured out. I just added a few media queries to my child theme style sheet to display the slider at smaller sizes in smaller displays.

    For example:

    /* Table - Maximum width of 320 pxels. */
    @media screen and (min-width: 321px) and (max-width:768px) {
    #slider-header {
    	float:right;
    	width:25em;
    	height: 16.7916667em;
    	margin-left:1.5em;
    	}
    }

    (I’ll change my em units to rems, with a fallback to pixels, as a final step.)
    I guess this should have been obvious, but i’m a newbie to responsive design. 🙂

    Plugin Author MatthewRuddy

    (@matthewruddy)

    Hi @susantau, it shouldn’t be as complicated as this 🙂

    Instead, there is an option titled ‘Make this slideshow responsive” beneath the “width” and “height” settings when editing your slideshow. Can you see it? Make sure it’s ticked 🙂

    That should do the trick!

    Thread Starter susantau

    (@susantau)

    Hi Matthew,

    thanks for the reply. I did have that checked, and the slideshow was perfectly responsive — until I tried to FLOAT it.

    my solution is working apparently pretty well, so i’m not in any crisis. 🙂

    thanks again,
    Susan

    Plugin Author MatthewRuddy

    (@matthewruddy)

    Hi Susan, going to mark this topic as resolved but get back to me if this isn’t the case 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘slider not responsive’ is closed to new replies.