Streaming live at 10am (PST)

Creating Sections [newbie question]

Hi there,

I’m new to Webflow, and I’ve been trying to create my portfolio on the platform. I’ve got two sections on my homepage (home, and projects), and I’m trying to make Home come before Projects; right now, they just overlap each other. I’m not sure if how to separate them so that they’re in order, but I’d really appreciate some help!

Thank you,
Jason


Here is my site Read-Only: https://preview.webflow.com/preview/portfolio-f62b83?utm_medium=preview_link&utm_source=designer&utm_content=portfolio-f62b83&preview=e7ba81d7d18238b20f0c3e56bb78d94b&mode=preview

@jaaychung - it looks like your projects section is empty at the moment. Generally things will appear in the order they are in the Navigator in Webflow:

image

Unless you have some strange positioning settings turned on.

Does that help?

I mean that Section and Projects-Section are stacking on top of each other right now. I want projects-section to come after section. Even after I put something in projects-section (like text or a div), they still stay stacked up on each other.

Hey Jason,

There is a couple reasons this is happening. First is that you have ‘header-image-container’ position set to absolute, but not relative to its container. Since you don’t have the containing section’s position set to relative it defaults to the body.

The second issue is that the top section containing that content has a height of 0%.


This means that it is occupying 0 vertical space in the viewport, which allows your project-section to slide up to the top of the web page. The content of the top section has a position of absolute in relation to the body so it will overlap.

If you change the height property of the top section to 100% it will correct the issue, but you should also change the position of the top section to relative.

2 Likes

Hi Andrew,

Thank you so much for your help! That solved the issue, and I’m really grateful.

1 Like

@jaaychung

No problem!