How do I make my page not have scrolling?

Design help General
1

This is a personal site I am playing with to figure out how to use webflow. I cant get the footer to go away and make the page hight stay the width of the window.

Any help is appreciated! Thank you!

Here is my site Read-Only: LINK

2

Hi Zach,

Please share a read-only link to your project.

3

Sorry, here is the read only link: https://preview.webflow.com/preview/zach-church?utm_source=zach-church&preview=cbf030b4b11c618dfb0b2ab78bd322b9&mode=preview

4

Hey there Zach,
Sorry for the late response! I did not see you shared the link…

It is better to have one wrapper for your content that you can define it’s height, instead of trying to have the <body> in the right height.

So, wrap your <Main Content> div with another div, and give it properties of width:100%, height:100vh and position:relative.
Also, remove any margins from the children of this element and instead use padding on the wrapping div.
Now it will have thewidth and height of the view port and all you elements will align to it.

5

Hello avivtech,

Thanks for the response. I am still having trouble with the footer. Also, I was wondering if you could point me in the right direction to “anchor” something to the bottom? I want to put the social icons as well as “Project Resume Contact” 10% above the bottom of the browser. Thanks for your help!

https://preview.webflow.com/preview/zach-church?utm_medium=preview_link&utm_source=designer&utm_content=zach-church&preview=cbf030b4b11c618dfb0b2ab78bd322b9&mode=preview

6

I would put all the content you want to anchor to the bottom into a new div and then set that div to ‘position fixed > bottom’ then add a little padding inside that same div to give you the 10% at the bottom you’re after.