Mega Menu Mobile Scroll#30
Merged
Merged
Conversation
✅ WordPress Plugin Check Report
📊 ReportAll checks passed! No errors or warnings found. 🤖 Generated by WordPress Plugin Check Action • Learn more about Plugin Check |
Updated mega menu mobile close button to use WordPress spacing presets (--wp--preset--spacing--small) instead of hardcoded pixels, matching the Elayne theme's navigation close button implementation.
Removed left/right padding from outer container to allow full-width display on mobile devices. The grid layout now properly fills the available space without excessive side margins.
Changed close button positioning to fixed 20px values instead of theme spacing variables to ensure consistent positioning across themes and better alignment with navigation close button.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This release (version 2.5.7) addresses critical mobile layout issues in the mega menu block by implementing proper full-width positioning and standardizing the close button placement. The changes resolve overflow problems on mobile devices where the mega menu content was constrained by parent container padding, preventing the intended edge-to-edge display. The fix applies viewport-based positioning using CSS custom properties and removes conflicting horizontal padding from the services showcase pattern, ensuring consistent full-width behavior across all mega menu layouts and improving mobile user experience.
Mobile Layout Fixes:
calc(100vw - var(--wp--style--root--padding-left) - var(--wp--style--root--padding-right))to account for theme root padding while achieving true edge-to-edge displayClose Button Positioning:
Version Management:
Files Changed:
CHANGELOG.md(Modified)blocks/mega-menu/build/style-index-rtl.css(Modified)blocks/mega-menu/build/style-index.css(Modified)blocks/mega-menu/src/style.scss(Modified)elayne-blocks.php(Modified)patterns/mega-menu-services-showcase.php(Modified)readme.txt(Modified)