How to allign elements in different sections in different container?

[Mourik]

Hi everyone,

I’m trying to align elements that are in different sections so they line up nicely with each other.
To clarify: I want the logo in my navigation to align vertically with the text in my hero section, and also with the section below (which contains text and an image side by side).

I’m finding it tricky because each section has a different structure. For example, the menu has three divs, the hero section has two, and the body sections just have one container, which makes alignment much easier there.

Does anyone know a good approach or best practice to keep these elements aligned across sections?

Thanks!

---

Webflow - STAN

[ahmed_moeed (Webflow Developer)]

Hi @Mourik

@Mourik

Webflow - STAN

in the screenshort nav component has class container_hoofdmenu

1- max-width: 1500

2- width: 95%

Webflow provide us container element attached screenshot below, what you have to do add this element inside section give a unique class like site-container and add style same as nav container

max-width: 1500px; width: 95%; margin: 0 auto

your structure should be
section → container with global class → other elements