Making WordPress.org

#6962 closed defect (bug) (worksforme)

About->Requirements: Menu overflow issue in responsive design.

Reported by: baroliyamayur's profile baroliyamayur Owned by:
Milestone: Priority: normal
Component: WordPress.org Site Keywords: needs-patch has-screenshots
Cc:

Description

Menu overflow issue in responsive design.

Page URL:- https://wordpress.org/about/requirements/

Issue Screenshot:- https://share.cleanshot.com/sklFxZTSJ6JM9WYNYDvg

Change History (3)

#1 @baroliyamayur
14 months ago

Please use the below CSS to resolve the issue.

.is-sticky .is-style-dropdown-on-mobile .wp-block-navigation__responsive-container.is-menu-open{
    margin-top: 20px;
}

See output: https://share.cleanshot.com/9GFTCW2nd7ZhkYTs1zz9

#2 @nidhidhandhukiya
14 months ago

The solution given by @baroliyamayur is working.

I have add few more lines of css to make the position of dropdown close as same as the open arrrow of dropdown.

.is-sticky .is-style-dropdown-on-mobile .wp-block-navigation__responsive-container.is-menu-open{
     margin-top: 20px; 
}

.is-sticky .is-style-dropdown-on-mobile .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
    top: -12px;
}

#3 @dd32
10 months ago

  • Resolution set to worksforme
  • Status changed from new to closed
  • Summary changed from Menu overflow issue in responsive design. to About->Requirements: Menu overflow issue in responsive design.

Unable to duplicate.

This was likely fixed elsewhere.

Please file any issues related to this page to https://github.com/WordPress/wporg-main-2022 in future

Note: See TracTickets for help on using tickets.