Full-height slider minus fixed header

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by David Zack David Zack 7 months, 1 week ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #30414
    David Zack
    David Zack
    Participant
    Post count: 2

    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.

    #30419
    Veena
    Veena
    Moderator
    Post count: 7979

    Can we get a link to specific page pls?

    #30423
    David Zack
    David Zack
    Participant
    Post count: 2
    This reply has been marked as private.
    #30429
    Veena
    Veena
    Moderator
    Post count: 7979

    Will get back to you shortly on this.

    Thanks for your patience.

    #30438
    Veena
    Veena
    Moderator
    Post count: 7979

    Can you pls try this –

    .labb-flexslider .labb-slides img {
        height: calc(100vh - 100px) !important;
    }
    
    #30492
    David Zack
    David Zack
    Participant
    Post count: 2
    This reply has been marked as private.
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.