Hey everyone
I’m trying to have my navbar text evenly positioned within a maximum 1100px div, without any additional space on the far left or far right.
I have tried using flexbox space-between, but I can’t get it to work: https://project-e.webflow.io/
The navbar links should end up looking like this in the end, with the navbar’s full width intended to match the full width of the content: 2020-04-18_2032
Not your fault, that’s a long time bug: you can’t expect the Flexbox Justify rules to work well if the Flexbox element is a Webflow Container element.
But that’s ok: revert the Container from Flexbox to Block, put a div in the Container, put all the links in the div, make the div width 100%, and finally give Flexbox to the div and apply your — now working — Justify rule.
Thanks, problem solved!
hey @vincent I’m running into the same problem and have tried your solution by placing everything into a div WITHIN the container but still having the same challenge. Any way you could check out what im doing wrong?:
https://preview.webflow.com/preview/faltentherapie?utm_medium=preview_link&utm_source=designer&utm_content=faltentherapie&preview=1ee5a490d07bf4f4594410d44ca19d5a&workflow=preview
it used to work, and now I suspect there’s a new bug with elements inside a container, that also affect how flexbox gap works.
Anyway, instead of placing a div in the container, just replace the container by the div.
It worked for me.
But overall the navbar element is broken?
Is there a way to create a navbar with brand, links, menu etc manually?
