Skip to content

Fix spacing issues in the mobile version of the Navigation editor screen #34032

@javierarce

Description

@javierarce

Is there an existing issue for this?

  • I have searched the existing issues

Have you tried deactivating all plugins except Gutenberg?

  • I have tested with all plugins deactivated.

Have you tried replicating the bug using a default theme e.g. Twenty Twenty?

  • I have tested with a default theme.

Description

There are a couple of minor issues in the mobile version of the menu editor with the spacing between elements. Plus, an empty toolbar appears on top of the menu or placeholder.

Step-by-step reproduction instructions

Visit the editor with a small device or open the mobile view.

Expected Behavior

The menu should have some spacing on top, and the toolbar shouldn't be visible if it's empty.

Current Behavior

See description & screenshots.

Screenshots or screen recording (optional)

image

image

Code snippet (optional)

No response

WordPress Information

WordPress version: 5.8

Gutenberg Information

Gutenberg version: 11.2.1

What browsers are you seeing the problem on?

Firefox, Chrome, Safari

Device Information

No response

Operating System Information

macOs Big Sur (11.5.1)

Metadata

Metadata

Assignees

Labels

[Status] In ProgressTracking issues with work in progress[Type] BugAn existing feature does not function as intended

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions