Dawson: [Navigation Block] Submenus in overlay overlap

[hacchism]

Quick summary

When using Dawson, submenus in the overlay have insufficient spacing and overlap.

Steps to reproduce

1. Activate the Dawson theme
2. In Site Editor, add a Navigation Block and setup submenus
3. Select "Mobile" or "Always" for OVERLAY MENU

What you expected to happen

Submenu items get enough space in between.

What actually happened

Submenu items get insufficient spacing and overlap.

Browser

No response

Context

Originally reported on 7089880-zen

Platform (Simple, Atomic, or both?)

Simple

Other notes

No response

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

Yes, easy to implement

Workaround details

CSS for workaround:

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
    gap: 17px;
}

The px value can be adjusted.

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 7089880-zen

[karenroldan]

📌 REPRODUCTION RESULTS

• Tested on Simple – Replicated
• Tested on Atomic – Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO

Replicated exactly as described above. All texts in the submenu are too closely spaced, making the content hard to read and visually cluttered.

Dawson - Simple & Atomic

TT3, for example

📌 ACTIONS

• Triage Complete