[Responsive]Center the list menu on the screen

[Reqrefusion]

At first, I thought this problem only existed on small screens, but it turns out that this problem exists on all screen sizes. I added more than one screenshot because it completely changes the overall behavior. You can try this center-position method on a relatively new, you can try an older ancient method. It also has a different appearance and can be used according to preference. To avoid confusion, I am not sharing its screenshots, but I am leaving the code below.

.menuList > li {
  position: relative;
  margin: auto;
}

Before: After:

Before: After:

Before: After:

[Reqrefusion]

@maxwxyz , can you take a look? This change is somewhat controversial. Unfortunately, I cannot tag the DWG.

[yorikvanhavre]

Honestly I prefer left-aligned. But it's a matter of taste...

[Reqrefusion]

Honestly I prefer left-aligned. But it's a matter of taste...

Maybe center alignment should be done only for mobile. In wide screen cases, left alignment is better in my opinion.

[yorikvanhavre]

Maybe center alignment should be done only for mobile. In wide screen cases, left alignment is better in my opinion.

Agree with that!

[Reqrefusion]

Maybe center alignment should be done only for mobile. In wide screen cases, left alignment is better in my opinion.

Agree with that!

@yorikvanhavre , I have set it to be on small screens as desired.

[yorikvanhavre]

Thanks!