Streaming live at 10am (PST)

Consistent Padding


#1

Hey, I've made the hero section of this site 100VH so it fills a browser window at all sizes.

Is there anyway to make the padding below the main text on the banner the same distance from the bottom of the banner regardless of browser size? At the moment the padding varies considerably despite having the same padding percentage throughout.

https://preview.webflow.com/preview/mw-design?preview=c747e441aaa17b5eaafb61f773f7898f

Hope that makes sense! Thanks in advance.


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


#2

Hello @MartinWhitt,

In your situation I would suggest next steps:
1) make div "Header content" height: 100%, position: relative
2) make row "Intro bar" position: absolute

Then by using aligning settings you can adjust distance from the bottom of this row to the bottom of Hero section

Regards,
Anna


#3

Thats brilliant, thank you once again! :smile:


#4

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