Munchies Theme :: Mobile child menu/nested items looks like parent

[mdtanjid0]

Quick summary

Munchies Theme's dropdown menu looks like normal menu items on small devices.

Steps to reproduce

1. Install Munchies Theme
2. Create a menu with submenu items.
3. And check them on small devices ( under 600px ).

What you expected to happen

It should show as dropdown/child items on small devices too.

What actually happened

It shows

parent menu items.

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

Platform (Simple and/or Atomic)

No response

Logs or notes

Ticket: #6133315-zen

And I have shared this CSS code as a workaround:

/* Adjust mobile menu submenu items | ( 6133315-zen ) MT */
@media ( max-width: 600px){
    .wp-block-template-part .wp-block-navigation__container li.wp-block-navigation-submenu ul {
        margin-left: 65px;
    }
    /* Child items font size */
    .wp-block-template-part .wp-block-navigation__container li.wp-block-navigation-submenu ul li a {
        font-size: 20px;
    }
    .wp-block-template-part .wp-block-navigation-submenu button {
        display: block !important;
        position: relative;
    }
    .wp-block-template-part .wp-block-navigation-submenu button svg {
        position: absolute !important;
        left: 45px;
        top: -25px;
    }

}

[github-actions]

Support References

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

• 6133315-zen

[cuemarie]

📌 SCRUBBING : RESULT - Replicated / Could Not Replicate / Uncertain

• Tested on Simple – Replicated
• Tested on Atomic – Replicated
• Replicable outside of Dotcom – Yes

📌 FINDINGS/SCREENSHOTS/VIDEO

• Based on my testing, this issue does not seem specific to the Munchies theme; it seems this reflects a larger issue with how submenus, when justified center, appear in the overlay menu.
• For example, I can replicate the same issue in Twenty Twenty-Three and Blank Canvas on various test sites.
• I've opened a new report for the larger issue instead, linked below.

📌 ACTIONS

• Closed as duplicate of issue [Block] Navigation - Improve hierarchical display of Overlay Submenus that are justified center or right #75576