![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: full screen video
-
AuthorPosts
-
August 22, 2018 at 9:22 pm #1000519
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 #1000551August 23, 2018 at 10:01 am #1000643Hi,
Thanks for the link, did you try the different values in the Section Minimum Height option in the element options?
Best regards,
RikardAugust 23, 2018 at 6:04 pm #1000867Hi 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 #1000966without 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 jobAugust 24, 2018 at 12:03 am #1001006Thank 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 #1001008yes – 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 #1001067Hi,
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 -
AuthorPosts
- You must be logged in to reply to this topic.