Feature/WDSBT-12 - Mobile Menu

[khleomix]

Closes

WDSBT-12

What type of PR is this? (put an x to all applicable)

• 🍕 Feature
• 🐛 Bug Fix
• 📝 Documentation Update
• 🎨 Style
• 🧑‍💻 Code Refactor
• 🔥 Performance Improvements
• ✅ Test
• 🤖 Build
• 🔁 CI
• 📦 Chore (Release)
• ⏩ Revert

Link to test

https://wdsbt.wdslab.com/

Description

• Fix button outline variation issues
• Cover block margin fixes
• Add mobile menu styles

Related Tickets & Documents

Mobile & Desktop Screenshots/Recordings

Group-Block-.-WDSBT.mp4

Added tests?

• 👍 yes
• 🙅 no, because they aren't needed
• 🙋 no, because I need help

Added to documentation?

• 📜 README.md
• 📓 Confluence
• 🙅 no documentation needed

---

Reviewer's Testing Checklist

As a reviewer, please ensure the following testing criteria are met and validated before approving this Pull Request.

• Visual Regression Testing: Ensure that existing functionality is not negatively impacted by the changes.
• Cross-Browser Compatibility: Test on major browsers (Chrome, Firefox, Safari) to ensure compatibility.
• Mobile Responsiveness: Confirm that the changes are responsive and functional on various mobile devices.
• Accessibility Testing: Validate that the changes comply with accessibility standards.
• Linting: Check that the code passes all linting checks (PHPCS, ESLint, SassLint).
• Theme Compatibility: Ensure that the changes do not adversely affect the site's theme and styling.
• Plugin Compatibility: Check if the changes are compatible with existing plugins and do not cause conflicts.
• Core Functionality: Verify that the WordPress core functionalities are not disrupted.
• Custom Post Types and Taxonomies: Confirm that any custom post types or taxonomies function as intended.
• Security Best Practices: Ensure that the code follows WordPress security best practices.
• Performance: Check for any performance issues, especially with database queries and page load times.
• SEO Considerations: Where applicable, confirm that the changes do not negatively impact SEO elements.
• WordPress Coding Standards: Ensure that the code adheres to WordPress coding standards.
• Documentation: Ensure that any new features or changes are appropriately documented in the README.md or Confluence.
• User Acceptance Testing (UAT): If applicable, confirm that stakeholders have reviewed and accepted the changes.
• Post-Deployment Tasks: Check if there are any tasks that need to be performed after deployment.

[optional] Additional Reviewer Notes or Considerations?

[lswilson]

Thanks @khleomix