Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • August 22, 2018 at 9:22 pm #1000519
    djarrow01

    I am doing a full screen video background w/ the color section item as described in your tutorial. The issue is I need the video to occupy the full screen and not have any scrolling. You have to scroll to see the whole video because it doesn’t know how to account for the Nav bar menu at the top. How can I make the video fit perfectly into the full screen without scrolling?

    August 23, 2018 at 1:10 am #1000551
    djarrow01

    homepage

    August 23, 2018 at 10:01 am #1000643
    Rikard

    Hi,

    Thanks for the link, did you try the different values in the Section Minimum Height option in the element options?

    Best regards,
    Rikard

    August 23, 2018 at 6:04 pm #1000867
    djarrow01

    Hi Rikard,

    Yes I did. It only has fixed amounts like 75%. I need it to be “hero” image size where it takes up the whole screen but exactly fits under the navigation. Also when I adjust section minimum height, nothing happens.

    August 23, 2018 at 9:10 pm #1000966
    Guenni007

    without black bars left/right this will be not possible on wide screens.
    you can force the height by:

    
#top.home .av-video-slide iframe {
    height: calc(100vh - 88px) !important;
    top: 0 !important;
}

.home #wrap_all {
    height: 100vh !important;
}

    because your header height is 88px at the beginning

    PS:     you have to go through your media links ( favicon etc. alot of them aren’t https) a search and replace plugin can do the job

    August 24, 2018 at 12:03 am #1001006
    djarrow01

    Thank you all for your help. Guenni007 that was perfect. I just noticed your edit after I solved it but I think we are both on the same track. I did this to fix it:

    .avia_desktop #top .av-section-mobile-video-disabled
    {
    height: calc(100vh – 88px) !important;
    }

    Thank you again so much for your help!

    August 24, 2018 at 12:10 am #1001008
    Guenni007

    yes – my solution will show the whole video – alway – like it was a background-size : contain.
    But this will end in black bars left/right on wide screens – if you can live with a crop – than it is ok.
    Glad we found a solution.

    August 24, 2018 at 8:59 am #1001067
    Rikard

    Hi,

    Great, glad you found a solution and thanks for sharing. Thanks @guenni007 for helping out as well :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.