Make WordPress Core

Opened 7 years ago

Closed 7 years ago

#42051 closed defect (bug) (fixed)

Customize: Publish settings section overlaps controls pane on larger monitors

Reported by: westonruter's profile westonruter Owned by: sayedwp's profile sayedwp
Milestone: 4.9 Priority: normal
Severity: normal Version:
Component: Customize Keywords: needs-patch
Focuses: Cc:


As reported in #39896 by @bduclos :

CSS bug: for large screens, the new publish panel is overlapped by the controls panel. Inside customize-controls.css, the following lines are missing:

@media screen and (min-width: 1667px){
    .outer-section-open .wp-full-overlay.expanded {
        margin-left: 18%;

For more specifics on what needs to be done, see [40511] for how the width of the controls pane was made variable for #32296..

Change History (4)

#1 @westonruter
7 years ago

  • Owner set to sayedwp
  • Status changed from new to assigned

#3 @sayedwp
7 years ago

I am also fixing other minor UI issues in this PR.

#4 @westonruter
7 years ago

  • Resolution set to fixed
  • Status changed from assigned to closed

In 41677:

Customize: Fix positioning of outer section (e.g. publish settings) on large screen sizes.

Also fix preview link CSS for desktop and mobile.

Props sayedwp, bduclos.
See #39896.
Fixes #42051.

Note: See TracTickets for help on using tickets.