Flex stretch or grow issue

Design help General
1

Hello fellow developers,

currently working on a webflow project and i’m running into a problem.
It’s concerning the menu. When you toggle open the menu, the menu has a 100%vh but the divs inside arent stretched over the complete height.

I want a top, middle and bottom div.

Any solution?

https://dev-real-dutch-floor.webflow.io/

2

The best way to get help @MitchH is to follow the forum post guide.

When posting please:

  • Required: Share your project’s Read-Only link and live site’s Published link
  • The read-only link is a special URL generated in the Dashboard to allow others to view your project in the Webflow Designer. How to get your project’s read-only link?
  • The published link is the webflow.io subdomain where you can view the live site with custom code running. It is IMPORTANT to share this link, as custom code (eg. javaScript) does not run in the Designer.
  • Describe issue in detail including what page, section and/or element is localized
  • Upload as many screenshots as possible or provide screencast videos to help others help you faster
  • Add a description and/or post a link to a working example of what you’re trying to achieve
  • Reply to users by tagging using the @ sign followed by their forum username like this: @forumMemberName

You are looking for space between.

I will suggest to take some free video course on Flex to understand how flex works and how to structure HTML the way be able achieve your design.

3

Her is the read-only link: Webflow - dev-Real Dutch Floor

4

@Stan thanks so much. I just shared the read-only link. I understand it’s flex and space between. But the thin is, I just cannot get my head around which element is causing the issue of flex and space between not working.

5

your link returns 404 @MitchH

6

@Stan now with correct link:

https://preview.webflow.com/preview/dev-real-dutch-floor?utm_medium=preview_link&utm_source=dashboard&utm_content=dev-real-dutch-floor&preview=60434f15e75320cda3e32d74622706f1&workflow=preview

7

hi @MitchH I see now that nav “drawer” ignore flex. Was checking one of my old project with similar approach and I have extra 2 div blocks.

CleanShot 2024-06-04 at 16.14.52
CleanShot 2024-06-04 at 16.14.522551×1214 204 KB

This means you should introduce a new inner div element as a child of navbar4_menu that will do the job and inside have your parts.

As there is many ways how to you should check “Made in Webflow” to find identical or similar nav to study and learn how it can be done.