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.

[coffee2code]

Thanks to the report and the suggested patches! However, even though this is the earlier ticket, I am closing this as a duplicate of #6981 which was seen and fixed already.

In the future, it's best to try to file tickets into the most appropriate component. That makes it easier for others to see if something was already reported, and it's more likely to be seen and addressed when contributors are reviewing a particular component. While it's fine to use the General component, it's a miscellaneous category that can sometimes delay their handling or have a later duplicate ticket handled first.