Menu position is not correct.

[rima1889]

​https://developer.wordpress.org/cli/commands/
The menu position is not correct.

[naeemhaque]

Fixes after applying css properties

[naeemhaque]

Here is some code for resolving this issue.
I have applied this CSS and it's perfectly working.

.site-branding {
    display: flex;
    justify-content: space-between;
}

After applying the CSS don't need to keep float: right; CSS property in .menu-container and .main-navigation class. So you can remove these two property.

Here is a snapshot to understand

https://meta.trac.wordpress.org/attachment/ticket/6981/Screenshot%202023-05-20%20at%201.22.05%20PM.png

[naeemhaque]

#6983 was marked as a duplicate.

[harshgajipara]

#7092 was marked as a duplicate.

[dhrumilk]

Replying to naeemhaque: I have applied this one CSS but still, there is an issue in font size so can you update the CSS and also apply the font size same as other.

Here is some code for resolving this issue.
I have applied this CSS and it's perfectly working.

.site-branding {
    display: flex;
    justify-content: space-between;
}

After applying the CSS don't need to keep float: right; CSS property in .menu-container and .main-navigation class. So you can remove these two property.

Here is a snapshot to understand

https://meta.trac.wordpress.org/attachment/ticket/6981/Screenshot%202023-05-20%20at%201.22.05%20PM.png

[dd32]

This should be fixed via ​https://github.com/WordPress/wporg-developer/commit/78f3a3c5a05cc6f1f6dc7bdbae64a084f4a3c29b

[dhrumilk]

Replying to dd32: I have verified the PR changes but I have checked there is an issue in the font size. On other pages, the font size is bigger than the commands page. see the below screenshot.

This should be fixed via ​https://github.com/WordPress/wporg-developer/commit/78f3a3c5a05cc6f1f6dc7bdbae64a084f4a3c29b

[dd32]

Replying to dhrumilk:

Replying to dd32: I have verified the PR changes but I have checked there is an issue in the font size. On other pages, the font size is bigger than the commands page. see the below screenshot.

For reference, the comparison page is ​https://make.wordpress.org/cli/handbook/

Yes, it does appear that the Make theme has a higher base font size, resulting in the menu being larger there.

[coffee2code]

The last bit of this was implemented in ​b4c6662 on GitHub:

Improve WP-CLI Commands page menu styling.

Increases font size and spacing.

Props dhrumilk.
Fixes #6981.

[coffee2code]

#6736 was marked as a duplicate.