Navbar: Horizontally centering navigation items

Design help General
1

Hey there

I’m experiencing some difficulties with centering a “Navigation Items” div. I have applied flexbox justify-content space-between to the navigation links, which is now working after getting some help (Navbar: justify-content space-between).

Here is the website: https://preview.webflow.com/preview/project-e?utm_medium=preview_link&utm_source=designer&utm_content=project-e&preview=2e4cb3b7154445630f30a047b005787a&mode=preview

The navbar is now aligned on the far left, but as you know I’m trying to center it. I have tried to use flexbox, but it doesn’t seem to have any effect.

2

Hi,

You’re going to have more luck in getting somebody’s help if you share your project’s read-only link.

4

Sorry about that! Here it is: https://preview.webflow.com/preview/project-e?utm_medium=preview_link&utm_source=designer&utm_content=project-e&preview=2e4cb3b7154445630f30a047b005787a&mode=preview

5

Is this what you are trying to achieve?

image
image1679×1289 197 KB

6

Oh, yes that exactly what I’m looking for.

7

It’s because the element Menu is absolutely positioned. Simply clear that positioning, and then set Navigation Wrap to flex (centred) and you’ve good to go

image

8

Now it’s fixed, thanks @Andy_Vaughan

9

You’re welcome! Consider marking my previous post as “Solution” to show that the topic is resolved :slight_smile: