Making WordPress.org

Opened 8 months ago

Last modified 8 months ago

#6736 new defect (bug)

Navigation menu formatting issue

Reported by: patelhitesh's profile patelhitesh Owned by:
Milestone: Priority: normal
Component: General Keywords: needs-patch needs-design-feedback has-screenshots
Cc:

Description

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:

Attachments (3)

CleanShot 2023-02-07 at 14.19.54@2x.png (84.4 KB) - added by patelhitesh 8 months ago.
Navigation menu formatting issue
CleanShot 2023-02-07 at 17.31.14@2x.png (135.8 KB) - added by kajalgohel 8 months ago.
After adding the padding for nav menu
CleanShot 2023-02-10 at 10.31.54@2x.png (873.7 KB) - added by nidhidhandhukiya 8 months ago.
This is how it looks after adding my given css.

Download all attachments as: .zip

Change History (5)

@patelhitesh
8 months ago

Navigation menu formatting issue

#1 @kajalgohel
8 months ago

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
8 months ago

After adding the padding for nav menu

#2 @nidhidhandhukiya
8 months ago

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
8 months ago

This is how it looks after adding my given css.

Note: See TracTickets for help on using tickets.