Navigation menu formatting issue

[patelhitesh]

Please check the below URL:
​https://developer.wordpress.org/cli/commands/

On the above page, the navigation menus are not looking proper. For more details, please check the attached screenshot:

[patelhitesh]

Navigation menu formatting issue

[kajalgohel]

Hello @patelhitesh,

Thanks for creating the ticket!

I have checked an issue and am also able to reproduce it.

If it is not intentional then we can add the padding:10px for .menu-container class.

We can add the following CSS for a better view of the nav menu:

@media screen and (min-width: 48em) {
 .menu-container {
    float: right;
    position: relative;
    width: 100%;
    top: auto;
    padding: 10px;
    margin-right: 4px;
 }
}

Thanks.

[kajalgohel]

After adding the padding for nav menu

[nidhidhandhukiya]

Hello,
I have another solution for it.

@media screen and (min-width: 48em) {
 .menu-container {
    float: right;
    position: relative;
    width: 100%;
    top: -30px;
    padding: 10px;
    margin-right: 4px;
 }
}

[nidhidhandhukiya]

This is how it looks after adding my given css.