Skip to content

Preserved mobile menu link alignment#111

Open
girishpanchal30 wants to merge 3 commits into
developmentfrom
bugfix/109
Open

Preserved mobile menu link alignment#111
girishpanchal30 wants to merge 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 🛎️!

Copy link
Copy Markdown

Copilot AI left a comment

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 🛎️!

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.

4 participants