This styles the header navigation. Removed the WP default a11y as it was not fully 100% a11y and built my own with AlpineJS. Because we can't access some of the navigation HTML I had to inject the Alpine with JS onto the DOM.
The dark version will just change if we add dark to the parent div in the parts.
The styles are pretty basic allowing us to customize per client.
Issues
67
Testing Instructions
Add navigation items in the admin.
Test out that navigation on desktop and mobile.
Test with keyboard and screen reader to make sure everything is a11y.
Summary
This styles the header navigation. Removed the WP default a11y as it was not fully 100% a11y and built my own with AlpineJS. Because we can't access some of the navigation HTML I had to inject the Alpine with JS onto the DOM.
The dark version will just change if we add
dark
to the parent div in the parts.The styles are pretty basic allowing us to customize per client.
Issues
67
Testing Instructions
Screenshots
https://github.com/vigetlabs/wordpress-site-starter/assets/91974372/bd44aba4-419a-4f7c-94b5-f510e879f563