Making a top module full screen, regardless of browser depth

Hi webflowers…
I’m trying to make a top module on a homepage to be full screen, regardless of browser width or depth… seeing it full screen until the user scrolls down to rest of the page.
Would like to understand how to do it - generally.

specifically right now… I want to apply it to a gallery on the homepage here:

https://preview.webflow.com/preview/scottbarbey70956011502405-174587d1dcd71?preview=a330d7436fdf7cb80b67549fe4313eab

As always - any help greatly appreciated.
SB


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

To make the element be full screen regardless of width or depth of the monitor, type in:

Width: 100VW

Height: 100VH

Hope this helps! :wink:

Hi Vladimir -
appreciate the help.
do you mean LITERALLY type in 100VW and 100VH in the height and width boxes…?
do I select % pixel or auto…?
do I need to worry about min and max settings in ADVANCED?

SB

never mind. tried it.
could not have been easier.
thank you. thank you. thank you.

:smile:

ok. one last question…

looking to place my < > forward / back arrows down in the lower bottom right corner, set at 75 pixel squares – akin to these:

BUT, always at bottom right corner regardless of browser width/height.
any thoughts…?

Used fixed positioning.

thanks. starting to work out. appreciated.

:smile:

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