Full-height slider minus fixed header

[David Zack]

I’m trying to configure the slider (using the Flexslider option) to show a slider where the maximum height is the browser height minus the fixed header.

I tried adding:

.labb-flexslider{
max-height: -o-calc(100% – 100px); /* opera */
max-height: -webkit-calc(100% – 100px); /* google, safari */
max-height: -moz-calc(100% – 100px); /* firefox */
max-height: calc(100% – 100px);
overflow: hidden!important;
width: 100%!important;
}

But that doesn’t seem to do the trick.

Can anyone give me some guidance on how this might be done? Thanks.

[Veena]

Can we get a link to specific page pls?

[David Zack]

This reply has been marked as private.

[Veena]

Will get back to you shortly on this.

Thanks for your patience.

[Veena]

Can you pls try this –

.labb-flexslider .labb-slides img {
    height: calc(100vh - 100px) !important;
}

[David Zack]

This reply has been marked as private.

[Author]

Posts