Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 1, 2013 at 5:13 am #183268
    SRD

    In the global settings of our layerslider slider, we have:
    slider width: 1130
    slider height: 466
    full width slider: off
    responsive under: 1130
    layers container: 1130

    In Internet Explorer 8, the page in question has slides which don’t fit properly within the container – they are cut off.

    This happens if Responsive is turned on or off.

    If I set responsive under to 1010 the same thing happens.
    If I set layers container to 1010, the same thing happens.

    How do I ensure the slides are not cut off?

    • This topic was modified 11 years, 1 month ago by SRD.
    November 2, 2013 at 5:22 am #183621
    Ismael

    Hey SRD!

    IE8 does not support media queries that well. Please try to adjust the inner layer slider using this:

    .ls-inner, .ls-layer {
width: 1000px !important \9;
width/*\**/: 1000px !important \9;
}

    Regards,
    Ismael

    November 2, 2013 at 7:12 am #183648
    SRD

    Hi Ismael,

    What style sheet do I put this in?

    Do I need to surround it with “IF IE8″… ?

    November 4, 2013 at 1:39 pm #184229
    SRD

    Hi Ismael,

    I added the following code to header.php

    	<!--[if lte IE 9]>
	<style type="text/css">
		.ls-inner, .ls-layer {
			width: 1000px !important \9;
			width/*\**/: 1000px !important \9;
		}
	</style>
	<![endif]-->

    The problem remains.

    November 4, 2013 at 2:16 pm #184236
    SRD

    Hi Ismael,

    I used Respond.js and the layers are no longer cut off.

    Thanks.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘LayerSlider WP slides larger than container’ is closed to new replies.