Skip to content

Preserved mobile menu link alignment#111

Merged
selul merged 3 commits into
developmentfrom
bugfix/109
Jul 15, 2026
Merged

Preserved mobile menu link alignment#111
selul merged 3 commits into
developmentfrom
bugfix/109

Conversation

@girishpanchal30

Copy link
Copy Markdown
Contributor

Summary

Fixed the navigation block styling to preserve the menu item alignment on mobile.

Closes #109

@pirate-bot

Copy link
Copy Markdown
Contributor

Plugin build for 0a6c69c is ready 🛎️!

Copilot AI left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

This PR adjusts the mobile “responsive container” navigation styles to preserve the intended menu-item alignment (notably for right-aligned header navigation), addressing the alignment regression reported in issue #109.

Changes:

  • Scopes the mobile open-menu selector under .wp-block-navigation and ensures the root menu container spans the available width.
  • Updates mobile overlay .wp-block-navigation-item layout rules to align items to the end (right) and removes the 100vw width behavior that contributed to left-aligned links.
  • Adds a rule targeting the navigation item content element to prevent undesired flex growth.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread assets/css/src/blocks/_navigation.scss
Comment thread assets/css/src/blocks/_navigation.scss Outdated
@pirate-bot

Copy link
Copy Markdown
Contributor

Plugin build for 6efa669 is ready 🛎️!

@pirate-bot

Copy link
Copy Markdown
Contributor

Plugin build for cd7ad28 is ready 🛎️!

@selul
selul merged commit 2b30d4f into development Jul 15, 2026
8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants