Streaming live at 10am (PST)

Multiple elements equal viewport height


#1

Awesome! I can see you got it even better! I ll upgrade mine following your technique wink

one other quick question: is there anyway to make sure my slider and the navbar below it (the one appearing from the start) combine to always have 100% height of any visitor computer screen?

Tks a lot and keep up the good work guys


Help with a hidden section and sticky navbar
#2

One thing you can try is to add top-padding to the body element.


#3

Hey @thewonglv I can add top padding to the body but I don't get how I can make it for my slider and the navbar below it (the one appearing from the start) combine to always have 100% height of any visitor computer screen... Any tips?

tks a lot


#4

Oh I see now, my bad! If your body is set to height 100% then you may be able to set percentage heights to your elements. I tried to make a demo for this, but it may not be exactly what you're looking for:

Demo: https://webflow.com/design/demokit?preview=72388b288a26874be319ca1f7412d4eb
Page Title: Elements Equal Viewport Height

I apologize in advance if I'm way off! Hopefuly this helps. If not, post your read-only link and I'll take a closer look.


#5