Support » Plugin: Easing Slider » slider not responsive
slider not responsive
-
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
-
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/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. 🙂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!
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,
SusanHi Susan, going to mark this topic as resolved but get back to me if this isn’t the case 🙂
- The topic ‘slider not responsive’ is closed to new replies.