Static Slider Images cutting off (height) on certain monitors

  • 5live

    (@5live)


    7 years ago

    So basically my static slider looks good on my laptop and home desktop but my clients computer monitors are showing the static sliders differently. The static slider images are cutting off the height on my clients monitors and other monitors.

    I added the following CSS under Themes –> Customize –> Additional CSS:

    #extatex-static-carousel-area .item {
    height: 1000px
    }

    Is there anything else I need to add? Where else I do I need to change the static slider settings so it adapts the images to whatever monitor site is being displayed on?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Will Schmierer

    (@officialwill)

    Hey,

    You could try using the vh unit rather than pixels? If you’re not familiar with it, it can be helpful for when this issues comes up. There’s some good tips in this article. This might not be the exact fix but worth trying out, it’s the idea, not sure that’s the exact target, but generally this will help when all different screen sizes come into play and of course now a days, there’s a ton! Hope this helps.

    #extatex-static-carousel-area .item {
    height: 100vh;
}

    https://css-tricks.com/fun-viewport-units/

Viewing 1 replies (of 1 total)
  • The topic ‘Static Slider Images cutting off (height) on certain monitors’ is closed to new replies.