Streaming live at 10am (PST)

Gap between video and next section


#1

Here is my public share link: LINK
(how to access public share link)


#2

Hi @adriana, could you help to share the read-only site design link? http://help.webflow.com/faq/how-do-i-share-my-sites-read-only-link

Much easier to check, there can be multiple factors :slight_smile:


#3

Hi @cyberdave ...here is the link https://preview.webflow.com/preview/canna-884a21d6ef12ae09291-a8df98917d815?preview=98a9d7ab8350869629fa5c5225ac985b

Thanks....this is killing me!


#4

Hi @adriana, thanks, could you post a screenshot, drag in a png or jpg of the section with the issue?


#5

Hi @cyberdave as requested.


#6

What page is this on?


#7

This is on Kubio_homepage. thanks


#8

I don't see it, lol maybe i'm just missing it


#9

you can't see the page or you cant see the gap?

The gap is only there when viewed with a small screen.....when viewing on my laptop and pc...no problem, but when I minimise the screen, that's when the white gap appears


#10

ooh ok let me take a look


#11

I can't get it to show up no matter how small I minimize the browser size... :confused:


#12

@VladimirVitaliyevich @seank it is still showing up when i minimise the screen...it will only show up if the screen is really small. but I had to put the height and width in auto so that means that my video is really small and not filling up the browser. How do i make my background video bigger so that it fills the screen and yet not have that white gap.

Please help.

ALso, how do i center (vertically and horizontally) my texts (divblock) in front of the background video.

https://preview.webflow.com/preview/canna-884a21d6ef12ae09291-a8df98917d815?preview=98a9d7ab8350869629fa5c5225ac985b

Thanks

Adriana


#13

Give the properties of 100vw and 100vh to the video element.

To have the items centered create s wrapper to put the elements in and then use Flexbox to center them.

Hope this helps.


#14

Hi @adriana, I made a little video with some suggestions, hopefully it makes sense :slight_smile:

Cheers!


#15

Great video Dave. Is it true that some browsers don't agree well with Flexbox?


#16

@seank IE browser does not support Flexbox, yet again, not a lot of people use IE. :wink:


#17

@cyberdave Thanks!!! It worked perfectly.


#18

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.